Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 17, 2015 at 12:31 am #504451
    katelynkingtaylor

    I incorporated the following custom CSS to generate the borders shown above and below my navigation menu:

    .avia-menu.av-main-nav-wrap {
    border-top: 3px double #e2e3e4;
    border-bottom: 1px solid #e2e3e4;
    }

    I have been trying to write the CSS for the same top and bottom border around the footer but can’t seem to make it work. At one point I was able to generate the borders, but I couldn’t get the padding on the left and right correct so that it stopped short of the page edges and aligned with those in the menu. In addition to these horizontal borders I also want to add two vertical lines, one dividing the first column from the second and one dividing the second from the third. These should extend from the top border to the bottom border and should be 1px solid #e2e3e4 to match the bottom border.

    Thanks for your help

    September 17, 2015 at 1:52 pm #504775
    Yigit

    Hi katelynkingtaylor!

    Please add following code to Quick CSS 

    #footer {
    border-top: 3px double #e2e3e4;
    border-bottom: 1px solid #e2e3e4;
}

    Regards,
    Yigit

    September 18, 2015 at 1:28 am #505184
    katelynkingtaylor

    Unfortunately, I tried this code already and it didn’t work. The double lines show up on the top border, but they extend to the edge of the page. I want them to stop short of the edges so that they align with the borders at the navigation menu. Also, the bottom border is not showing up at all.

    I also still need the code for vertical borders between the columns as I mentioned in the first message.

    Thanks so much for your help!

    September 18, 2015 at 10:03 am #505326
    Rikard

    Hey,

    Please try the following instead: 

    #footer .container {
    border-top: 3px double #e2e3e4 !important;
    border-bottom: 1px solid #e2e3e4 !important;
}

    Thanks,
    Rikard

    September 18, 2015 at 1:27 pm #505461
    katelynkingtaylor

    See site with revised code. The borders are stopping short, but they are still not aligned with the navigation menu. Also, the code for the vertical borders has still not been addressed.

    Thank you

    September 18, 2015 at 1:41 pm #505475
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    September 18, 2015 at 5:02 pm #505687
    katelynkingtaylor

    See here: https://www.dropbox.com/s/g3i847dcgdnp5v4/KTaylorCreative-EnfoldThemeSupportQuestion.jpg?dl=0

    September 19, 2015 at 4:29 am #505826
    Ismael

    Hey!

    Please try to add this:

    #footer {
    padding: 15px 50px 30px 50px;
}

    Cheers!
    Ismael

    September 19, 2015 at 6:47 am #505869
    katelynkingtaylor

    That is still not working. The borders don’t look any different. Also, there has yet to be a response which addresses the vertical borders.

    Thanks

    September 21, 2015 at 3:16 am #506163
    katelynkingtaylor

    Still waiting on a resolution for this.

    Thanks,

    Katelyn

    September 21, 2015 at 9:01 am #506273
    Rikard

    Hi,

    I think you will have to edit your footer.php to get the look you are after, are willing/able to that? Please make sure you are using a child theme before editing any of the theme core files: http://kriesi.at/documentation/enfold/portfolio-item/create-a-child-theme/

    Regards,
    Rikard

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