Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 27, 2019 at 2:38 pm #1142769
    jonrouse

    Hi,
    I have created a custom footer for a site that I am working on.
    The front page of the site has a “no transparency” header, the next page I am working on has a “transparent” header.

    I have just noticed that making the header transparent increases the footer height from 432px to 520px.

    How can I stop this from happening? The custom footer is in a colour section and I’ve tried setting a custom height to 432px in the element to stop this happening, but nothing changes.

    I can see some code which adds the extra pixels:

    .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 88px;
}

    Is it just a matter of copying this into Quick CSS and changing the padding-top to 0px, or is the answer more complex.

    Help, as always, is appreciated.

    (EDIT: I did have this problem once before, but that solution isn’t working for me now)

    September 27, 2019 at 2:49 pm #1142772
    jonrouse

    Scrap that, I think I’ve fixed it by changing the # to .

    What’s the difference between a # and . in CSS. Is this code okay to use?

    .myfooter .container {
  padding-top: 0px!important; 
}
    September 27, 2019 at 4:47 pm #1142811
    Jordan Shannon

    Hi,

    Hash symbol is an ID. Period is a Class.

    You code above is just fine. It’s targeting the correct class.

    Best regards,
    Jordan Shannon

    September 27, 2019 at 4:48 pm #1142812
    jonrouse

    Awesome, thanks Jordan!

    September 27, 2019 at 4:54 pm #1142817
    Jordan Shannon

    Hi,

    No problem at all. If you need addition help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Problem with Custom Footer Top Padding’ is closed to new replies.