-
AuthorPosts
-
October 30, 2016 at 2:43 am #705719
Hi
I created a new page for wholesale and the footer area differs from the rest of the site. I can’t for the life of me figure out what I may have changed that is causing this on only this page.
My website is in development so you will need access credential to view it. I have included these in the private area.
Much appreciated
LyseOctober 30, 2016 at 3:47 am #705728Hey tremblayly,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
footer .container { height: 108px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
Best regards,
JordanOctober 30, 2016 at 4:43 pm #705829Hi Jordan,
Not only is the socket height different, but the content color is different (it should be white). I must have some CSS code somewhere that is causing these two issues because it should be using my Enfold settings for the socket area.
Thanks
LyseNovember 1, 2016 at 9:52 pm #706867Hi,
Is this already fixed? I compared the footer on the wholesale page and other pages and there’s no difference. If it’s not fixed, can you post a screenshot showing the problems?
Best regards,
NikkoNovember 1, 2016 at 10:47 pm #706881Hi Nikko,
This is not fixed yet. Here are screenshots of what’s happening:
website normal pages footer: https://www.dropbox.com/s/zk0ehd0a5h7t24d/website%20all%20pages%20footer.jpg?dl=0
issue page (wholesale-strategy) footer: https://www.dropbox.com/s/a9rvne7x1eo6bzx/wholesale%20strategy%20footer.jpg?dl=0
Thanks
LyseNovember 3, 2016 at 2:05 am #707463Hi Lyse,
Thanks for the screenshot. Kindly add this code in Quick CSS (located in Enfold > General Styling):
.av-minimum-height-50 #socket .container { height: auto !important; }
Let us know if it works :)
Regards,
NikkoNovember 3, 2016 at 2:22 am #707466Hi Nikko
That CSS code fixed the large gap at the bottom to the page. But what about the footer headings and content, their color should be white on that page.
Thanks
LyseNovember 3, 2016 at 4:57 am #707504Hi Lyse,
Kindly add this code to Quick CSS:
.av-minimum-height-50 #footer { border: 0; } .av-minimum-height-50 #footer .container { height: auto !important; } .main_color #footer a, .main_color #footer strong, .main_color #footer h3, .main_color #footer a { color: #fff; } #socket .sub_menu_socket li { border-color: #222 !important; } #top #wrap_all #socket .social_bookmarks li a { color: #fff; }
Let us know if it works :)
Regards,
NikkoNovember 3, 2016 at 3:38 pm #707779Hi Nikko,
I want to use the Enfold settings colors for the footer, not configure them in the custom CSS style sheet.
I see that all pages use the Enfold footer…. colors, but that particular page appears to use the Enfold main colors. Why does it do that? It should use the footer right?
Thanks
LyseNovember 3, 2016 at 5:25 pm #707872Hi Lyse,
I’m not sure why it happened, can you give us temporary admin access? so we can atleast check the backend of the wholesale page and might know what went wrong.
Cheers!
NikkoNovember 3, 2016 at 6:58 pm #707910Hi Nikko,
See in the private area…..
November 4, 2016 at 5:11 am #708029Hi!
I found out the issue which is the last section which contains 1/2 and 1/3 elements, for some reason the footer gets inside the section. I could not replicate the issue (as I tried this on my local server), I duplicated the page and tried to change it into 2/3 and 1/3 and the issue is fixed. The link to the cloned page is in the private content.
Regards,
NikkoNovember 4, 2016 at 3:11 pm #708210Hi Nikko,
Thank you for the find. I updated my original file and adjusted the placement of the content with the button.
However, if there is an issue with using 1/2 with 1/3 with the theme, it should be fixed. This took some time to get resolved and it may happen to others.
Thank you for all of your help.
LyseNovember 5, 2016 at 6:32 am #708558Hi Lyse,
Glad we could help :)
Regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.