- This topic has 13 replies, 2 voices, and was last updated 1 year, 11 months ago by
David.
-
AuthorPosts
-
April 17, 2020 at 4:13 am #1242679
Mathias
It’s a minor question, but is there a way to have two or more different footers, which then are related to certain pages or posts? The question is actually about a different designed landing page and mainly about changing the background color.
April 17, 2020 at 5:32 am #1242770David
StaffCustomer SupportHi there,
if its simple styling changes then we can take advantage of CSS Classes that WordPress adds to each page.
For example this CSS:
.home .footer-widgets { background-color: red; }
Targets just the home page and changes the footer widgets background color.
Whereas your events page has a unique class of:
page-id-8494
– so you could target that like so:.page-id-8494 .footer-widgets { background-color: red; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 17, 2020 at 8:59 am #1243174Mathias
Thank you David! I did not know about page-ID in CSS. Great.
April 18, 2020 at 3:28 am #1243945David
StaffCustomer SupportGlad to be of help
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 29, 2020 at 9:34 am #1261561Michael
I have a question related to this.
How about if I want to have an alternate footer for a specific page? what would the code be? the normal footer has three links but I want to create one that only has two links for a specific page.
thanks.April 29, 2020 at 1:39 pm #1261886Leo
StaffCustomer SupportWe can just hide that one link on that specific page with some CSS.
Can you link me to the page in question?
Feel free to open a new topic so you can use the private URL field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 29, 2020 at 2:28 pm #1261935Michael
thanks, you can take a look at any page footer. they are all the same. On certain pages I just want to hide the “home” link on the footer
thanksApril 29, 2020 at 3:38 pm #1262015Leo
StaffCustomer SupportCan you link me to the page in question?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 29, 2020 at 7:57 pm #1262251Mathias
I just want to hide the “home” link on the footer
Since we did it like David suggested, you may easily us the page-ID in CSS, find the ID of that certain item with your browser developer mode and set it to “display: none”.
Would this do the trick?
.page-id-8492 .menu-item-675 {
display: none;
}(IDs are examples.)
April 30, 2020 at 6:30 am #1262959Michael
it did not work. I’m assuming the page ID is the page that I want to hide the item on and the menu item is the home page link? That’s what I entered in but it’s not working
April 30, 2020 at 6:43 am #1262994David
StaffCustomer SupportCan you share a link to your site? You can raise a new topic where you can use the Site URL field to share the link privately.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 30, 2020 at 7:02 am #1263039Michael
ok
June 14, 2020 at 9:33 pm #1328003Cynthia
Hi David
Adding different css to different footers is great but is there a way to have 2 different footers with entirely different content?
Or would just disable the primary footer on the page I want different content and create a section that appears like a footer with widgets of content?
June 15, 2020 at 2:55 am #1328218David
StaffCustomer SupportHi there,
theres a few options – a couple of them are:
1. Use GP Hooks to add your custom content:
https://docs.generatepress.com/article/hooks-element-overview/2. Use the Content Aware Sidebars plugin to add dynamic widget areas.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.