Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 14, 2020 at 2:37 pm #1184495
    dondela

    Dear support,
    i managed to show the headline (“Smart Meter Rollout” or “Gateway Adminstration”) with a negative margin over the top-image. But the white-transparent background of the headline should have no margins on the left and the right side. (please see the screenshot).
    Is there a way to make it look like this?
    Thanks for any help

    February 15, 2020 at 10:33 pm #1184869
    Jordan Shannon

    Hey dondela,

    Add this to quick css:

    .av-special-heading-h2, .av_textblock_section {
padding-left:50px!important;
padding-right:50px!important;
}

.container{
padding-left:0px!important;
padding-right:0px!important;
}

    Best regards,
    Jordan Shannon

    February 16, 2020 at 10:26 am #1184944
    dondela

    Dear Jordan,
    thanks for the help: I added the css but now the Logo and the footer area have the same padding-left:0px
    Is there a solution to avoid that?

    • This reply was modified 4 years, 10 months ago by dondela.
    February 16, 2020 at 8:12 pm #1185005
    Jordan Shannon

    Hi,

    Try adding this as well:

    .container.av-logo-container{
padding-left:50px!important;
padding-right:50px!important;
}

    Best regards,
    Jordan Shannon

    February 27, 2020 at 3:29 pm #1188494
    dondela

    Dear support,
    i would like to show the background of the headline caption on the fullscreen-slideshow without padding left and right. (see the screenshot the background of “Gateway-Administration”)
    It works on desktop resolution but not on mobile views. Could you help me with the css for smaller screens please?

    February 27, 2020 at 4:32 pm #1188514
    Jordan Shannon

    Hi,

    Add this to quick css:

     @media only screen and (max-width: 767px){
.responsive #top #wrap_all #full_slider_1 .container {
    width: 100%!important;
    max-width: 100%!important;
}
#full_slider_1 .container.caption_container{
padding:0px 0px!important;
}}

    Best regards,
    Jordan Shannon

    February 27, 2020 at 5:40 pm #1188529
    dondela

    Awesome, thank you!
    Please one more question: Would it be possible to move down the main-menu, so it doesn´t overlap the menu when the browser-width is to low?
    (like in the screenhot)

    February 27, 2020 at 5:49 pm #1188533
    Jordan Shannon

    Hi,

    Visually, it may be a little better to slightly reduce the font-size right before it goes mobile.

    Best regards,
    Jordan Shannon

    February 27, 2020 at 6:00 pm #1188535
    dondela

    Ok, thanks for that tip! I follow you, how could i achieve this behaviour?

    February 27, 2020 at 9:33 pm #1188656
    Victoria

    Hi dondela,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .av-main-nav > li > a {
      padding: 0 10px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 27, 2020 at 9:43 pm #1188662
    dondela

    Hi Victoria,
    thank you very much!

    February 27, 2020 at 11:29 pm #1188679
    Jordan Shannon

    Hi,

    I’m glad that helped, if you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘headline background margins’ is closed to new replies.