Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #844002

    In the Enfold Demo, there is a sample of content boxes/images overlapping the main homepage banner image.
    Here is the link to the page: http://kriesi.at/themes/enfold-2017/
    Scroll down to the heading “Our great Visual Layout Editor just got better:
    Now with live previews!” There is a screen grab of Enfold Medical Center. The three Boxes titles “Appointments, Drug SDtore and Dental Check” overlap the main image.
    Can you tell me how this was accomplished?
    Does this require special code?
    Appreciate your help.
    Thank you,
    Gail Sabol

    #844213

    Hey GailSabol,

    You can achieve that using image with hotspots and this image was used: http://kriesi.at/themes/enfold-2017/files/2017/02/layout_editor.jpg
    Hope this helps.

    Best regards,
    Nikko

    #844557

    Nikko, thank you. Yes that is the image that I was referencing.
    However, after exploring ‘Image with Hotspot,” I do not see anyway to position the image boxes over the main banner image as per the example image: http://kriesi.at/themes/enfold-2017/files/2017/02/layout_editor.jpg.
    Seems to me that in the example, moving the three blue boxes (titles “Appointments, Drug Store and Dental Check”) up to overlap the main banner image (builds and Visit Enfold Medical panel) might need some special Quick CSS code to adjust the placement on the pag of the three boxes.
    Is that the case?
    Thank you.
    Gail Sabol

    #845749

    Hi,

    Please edit your first column element below your slider and give it a negative top margin value – http://i.imgur.com/F7ymDFs.png :)

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.