Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1085536

    Hi. See screenshot.

    Is it possible to create a div that can float over a background image?

    And then in the button row element, it is possible to create a button like in the screenshot?

    #1085539

    That’s possible.
    See the homepage in this Enfold demo for example:

    => https://kriesi.at/themes/enfold-medical/

    #1085542

    Thank you CG for the quick response. Will check it out.

    Can the button also be achieved? Or I need to build custom CSS?

    #1085547

    Yes, that’s also possible.

    Some rough notes:
    – insert a layout element “Color Section”
    – set it to 50% or 75% min height (inbuild option)
    – give it a background image with “Stretch to fit”
    – insert a content element “Button Row”
    – adjust it … for example set it to center alignment … add one, two, three buttons

    For the overlay of the following div:
    – add another Color Section after that first one
    – insert a column (layout element)
    – edit the column and check “Custom top and bottom margin”
    – set the Margin-Top to a negative number like -200px

    —–
    Edit:
    Ah … i misunderstood you a little bit … you already know about the content element “Button Row” … you are refering to its styling …
    => I think there will be some custom CSS needed.

    • This reply was modified 5 years, 7 months ago by cg.
    #1085918

    Hi,

    Thanks for helping out @cg. Please let us know if you should need any further help on the topic @zedduo.

    Best regards,
    Rikard

    #1085933

    The second button will need some customisation.
    But thank you! you guys may close this thread!

    #1086005

    Hi zedduo,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Floating div over a background image’ is closed to new replies.