Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 2, 2018 at 12:47 pm #992850
    antilimited

    Hi.
    I’m using a page as a custom footer. It looks great on some pages, but on others an unwanted area of blank space appears above the content which I’ve formatted. Both pages use Avia Layout Builder
    I would like this to display correctly on all pages; please can you help me to identify what is causing this issue?
    Many thanks

    August 3, 2018 at 11:19 am #993186
    antilimited

    I still can’t find a solution for this issue, all help gratefully received :-)

    August 4, 2018 at 1:08 pm #993504
    Victoria

    Hi antilimited,

    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

    
#av_section_1.avia-section.footer_color.avia-builder-el-0 .container {
	padding-top: 50px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 4, 2018 at 1:42 pm #993508
    antilimited

    Thanks for your help Victoria. I think there has been a misunderstanding though… I want to remove or reduce the padding (so there is very little space between the top edge of the footer area, and the logo). This code increases it by 50px!

    The issue is that some pages display the footer as I intended, and others do not. All the pages use the Avia Advanced Layout. This is happening on several different sites I use Enfold with (see links to private content below)

    I have tried this code in Quick CSS, custom.css in Enfold, and style.css in Enfold Child… none give the correct result on all pages.
    Do you have any other options to try?

    August 5, 2018 at 7:33 am #993616
    Rikard

    Hi,

    Thanks for the clarification. Please try this instead:

    .footer_color .avia-builder-el-0 .container {
  padding-top:0 !important;
}

    Best regards,
    Rikard

    August 8, 2018 at 6:09 pm #995098
    antilimited

    Thanks.

    Tried in both Quick CSS and style.css and unfortunately this hasn’t fixed the issue.

    August 9, 2018 at 6:08 am #995239
    Rikard

    Hi,

    The CSS is not applying when I check your site, did you remove it? Please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    August 9, 2018 at 8:14 am #995278
    antilimited

    No, it’s still in place… it just hasn’t had any effect unfortunately.
    I’ve provided login details below, thanks in advance for checking it out.

    • This reply was modified 6 years, 3 months ago by antilimited. Reason: Added URL
    August 9, 2018 at 4:47 pm #995592
    Victoria

    Hi antilimited,

    You have some error in your Quick css and so the code when put below, does not work, if you put it on top of all the code in Quick css, you’ll see the effect. You should validate the code in your Quick css.

    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

    
.html_header_transparency #top .avia-builder-el-0.avia-section.footer_color.avia-section-no-padding  .container {
    padding-top: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 9, 2018 at 9:31 pm #995727
    antilimited

    Thanks for this Victoria, that’s perfect.

    Plus you’ve prompted me to start to comment, clean up and validate my Quick CSS… something I have been meaning to do for ages! 😄

    August 10, 2018 at 6:13 am #995816
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 10, 2018 at 8:15 am #995842
    antilimited

    Topic can be closed, thanks

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.