-
AuthorPosts
-
September 17, 2015 at 12:31 am #504451
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 #504775Hi katelynkingtaylor!
Please add following code to Quick CSS
#footer { border-top: 3px double #e2e3e4; border-bottom: 1px solid #e2e3e4; }
Regards,
YigitSeptember 18, 2015 at 1:28 am #505184Unfortunately, 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 #505326Hey,
Please try the following instead:
#footer .container { border-top: 3px double #e2e3e4 !important; border-bottom: 1px solid #e2e3e4 !important; }
Thanks,
RikardSeptember 18, 2015 at 1:27 pm #505461See 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 #505475Hi!
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 hereCheers!
YigitSeptember 18, 2015 at 5:02 pm #505687September 19, 2015 at 4:29 am #505826Hey!
Please try to add this:
#footer { padding: 15px 50px 30px 50px; }
Cheers!
IsmaelSeptember 19, 2015 at 6:47 am #505869That 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 #506163Still waiting on a resolution for this.
Thanks,
Katelyn
September 21, 2015 at 9:01 am #506273Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.