Instructions

Note about Custom Code

Custom CSS for smoother font aliasing has been added to ensure smooth typographic rendering across all devices and operating systems.

How to edit project images

Homepage #1 →

There are two type of images integration:

  1. The "Collection List Wrapper" if you use CMS. Then you can delete the "hover-trigger" div blocks and it works.

  2. The "hover-trigger" if you don't use CMS. Then you can delete the "Collection List Wrapper".

    Then you click "tooltip" and go to the section "Backgrounds" in the Style Panel (S). You can change the images under "Image & gradient". For each project you have a combo class "project-2", "project-3", etc.

Homepage #2 →

There are two type of images integration (2 lists):

  1. The first list if you use CMS. Then you can the second list and it works.

    The Collection List is filtered by "Beauty". You can copy & pasty the list and filter by other categories.

  2. If you don't use CMS, you can use the second list (the first one can be deleted).

    Each project is under list item "width-100". Click "many-thumbs-wrapper" and then display grid in Style panel (S) under the "Layout" section. Now you can see and edit the images (bg-img in Style panel under "Backgrouns").

    If you have edited the images, set the many-thumbs-wrapper again to display none.

Homepage #3 →

All the images can be edited under "grid-home-8x6". Just click some image "bg-img" and go to the section "Backgrounds" in the Style Panel (S). You can change the images under "Image & gradient".  

How to edit contact layer

Homepage #1 →

Just switch "contact-layer" from display-none to display-flex in the style panel.

©2020 Oak & Melanin