Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 13, 2018 at 12:08 am #896742
    sikkertbilsalg

    Hi
    http://www.sikkertbilsalg.dk

    Im trying to place a special header in the bottom left corner but i cant seem to get it to work. I have read several post and tried to add the following codes:

    #First.container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
    Code from this guide: https://kriesi.at/documentation/enfold/color-section-with-100-container/
    .av-special-heading h1 {
    padding-top: 300px !important;
    padding-right: 500px !important; }
    }

    It seems like the color section is not full-with still even with the code added since i cant “push” the header more to the left than page dimension

    Not sue if im missing some out?

    January 13, 2018 at 3:51 am #896787
    Mike

    Hey sikkertbilsalg,
    Try this code in the General Styling > Quick CSS field:

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
    margin-left: -15%!important; 
}

    Please see screenshot in Private Content area, to ensure I was looking at the right element

    Best regards,
    Mike

    January 14, 2018 at 9:18 pm #897184
    sikkertbilsalg
    This reply has been marked as private.
    January 14, 2018 at 9:22 pm #897186
    Mike

    Hi,
    Please include the login user name, I see the password and url, thanks.

    Best regards,
    Mike

    January 15, 2018 at 11:14 pm #897737
    sikkertbilsalg
    This reply has been marked as private.
    January 16, 2018 at 2:49 am #897816
    Mike

    Hi,
    I have corrected the code with:

    @media only screen and (min-width: 1439px) { 
#top #wrap_all .av-special-heading.av-special-heading-h1 {
    margin-left: -15%!important; 
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    January 16, 2018 at 7:26 pm #898128
    sikkertbilsalg

    Thanks a lot mike :) it’s working perfect. Could you please tell me how to get the subheading to have the same font as the actual header?

    January 16, 2018 at 7:39 pm #898134
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-subheading.av-subheading_below.av_custom_color p{
font-size:1em!important;
font-weight:300!important;
font-family:'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    Best regards,

    Jordan Shannon

    January 16, 2018 at 10:03 pm #898175
    sikkertbilsalg

    Thanks a lot! :)

    If i wanted to apply the coding mike gave me to work on a headline rotator wouldn’t it just be to change the names in the code?

    @media only screen and (min-width: 1439px) {
    #top #wrap_all .av-special-heading.av-special-heading-h1 {
    margin-left: -15%!important;
    }
    }
    =
    @media only screen and (min-width: 1439px) {
    #top #wrap_all .av-headline-rotator.av-headline-rotator-h1 {
    margin-left: -15%!important;
    }
    }
    Doesn’t seem to work :/

    January 16, 2018 at 11:17 pm #898185
    Jordan Shannon

    Hi,

    Apologies, what are you trying to accomplish? Are you trying to re-position the rotating text?

    Best regards,

    Jordan Shannon

    January 17, 2018 at 1:20 am #898253
    sikkertbilsalg

    Yes originally I wanted to move a speciel header, but it might go with a headline rotator instead. Therefore i need to specify the code i got from mike but my own attempt doesn’t work :/

    Link: sikkertbilsalg.dk

    January 17, 2018 at 3:05 am #898262
    Mike

    Hi,
    Just so we understand, please see screenshot in Private Content area, the first one shows the errors we see now, the second one is what we think you want.
    If we are wrong, can you show what you would like to see?

    Best regards,
    Mike

    January 18, 2018 at 9:01 pm #899299
    sikkertbilsalg

    Hi
    I dont really know how to explain this different. You made a code which is working perfectly for a speciel header. Now i figured i would rather use a headline rotator, which the code does not work for. I know it right now looks very odd on the website but what is because im waiting for the new code and just played around with it.

    So i would very much appreciate if i could move the headline rotator more to the left as I first asked with the speciel header. And forget that the “error” header is on the website right now. It is just there to compare for when i get the headline rotator right.

    Again thanks for your help.

    January 19, 2018 at 11:33 am #899593
    Mike

    Hi,
    Please try:

    @media only screen and (min-width: 1439px) { 
#top #wrap_all h1.av-rotator-container-inner  {
    margin-left: -5%!important; 
}
}

    Best regards,
    Mike

    January 21, 2018 at 5:14 pm #900385
    sikkertbilsalg

    Perfect works! Thanks a lot for the help on this issue ;)

    January 21, 2018 at 5:22 pm #900388
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Header in color section’ is closed to new replies.