Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 10, 2021 at 11:31 am #1287045
    Luisgasser

    Hi,

    i would like to place a banner (voucher) as .svg file over my full width header image.

    any Idea how can i do this?

    March 11, 2021 at 10:47 am #1287360
    Nikko

    Hi Stefan,

    It can be done with CSS, however we would need a link to the page where you’d like to apply this.

    Best regards,
    Nikko

    March 13, 2021 at 3:45 pm #1288025
    Luisgasser

    Hi,
    it would be great to place the “Sicher Buchen” Banner as svg and not as pixel image in my header image. It’s about the sharpness if user came with a big desktop screen.

    Home

    March 15, 2021 at 5:48 am #1288157
    Nikko

    Hi Luisgasser,

    Thanks, also in that page, can you put the svg image before or after the fullwidth header?
    Then we’ll try to provide you with CSS code that should properly position the svg image on the header.

    Best regards,
    Nikko

    March 18, 2021 at 11:06 am #1288922
    Luisgasser

    hi again,

    now i tried it with a color section where i place my svg logo under my header slider.

    But how can i give the svg file a fixed position in the right corner and a fixed top margin?

    March 20, 2021 at 1:04 pm #1289332
    Nikko

    Hi Luisgasser,

    It’s possible via CSS, put your svg logo inside a Color Section, and put the Color Section below the slider, then set the Color Section’s Custom ID Attribute to svg_container
    Save then put this CSS code in Enfold > General Styling > Quick CSS:

    #top #main {
    position: relative;
}

#svg_container {
    width: auto;
    position: absolute;
    top: 64px;
    right: 0;
}

#svg_container .container, 
#svg_container .content {
    padding: 0;
}

    Best regards,
    Nikko

    March 20, 2021 at 1:58 pm #1289341
    Luisgasser

    wow – works great!
    Thank you!

    March 21, 2021 at 10:04 am #1289418
    Nikko

    Hi Luisgasser,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Banner overlay on header’ is closed to new replies.