Community Forums › Forums › General Genesis Framework Discussions › Trying to change the footer background and text color
Tagged: footer widgets, site footer
- This topic has 14 replies, 12 voices, and was last updated 2 years, 2 months ago by
Doug.
-
AuthorPosts
-
July 9, 2022 at 8:46 am #505535
Doug
ParticipantI'm trying to follow the instructions on this post (link) but having no success.
This is the code I'm using in the 'footer scripts' area of 'Customize':
.site-footer { background-color: gray; color: white; }
But that text is actually showing up in the footer (I've since removed it).
I'd also like to have a matching background for the simple social icons field just above the footer, but am not sure how to change that background, or if those icons can be relocated to the footer.
I'm reviewing these areas in inspect, but not understanding what I'm seeing.
Any guidance on this greatly appreciated.
https://dougschumacher.com/July 9, 2022 at 10:28 am #505537Brad Dalton
ParticipantIf you look in your style sheet you'll find these CSS rules
.footer-widgets { border-top: 1px solid #eee; background-color: #fff; clear: both; padding: 60px 0; } .site-footer { background-color: #fff; border-top: 1px solid #eee; font-size: 15px; line-height: 1.5; padding: 30px; text-align: center; color: red; }
When i modify the value for the background-color it works and when i add a declaration for the color:red; it also works.
July 9, 2022 at 1:41 pm #505538Doug
ParticipantThanks, Brad. I got that working.
I was thinking this code had to go in the Customize > Theme Settings > Header/Footer Scripts > Footer Scripts text field, but apparently not.
Greatly appreciate your input.
dougJuly 9, 2022 at 6:55 pm #505539Brad Dalton
ParticipantHey Doug
Footer scripts are for js only. CSS should always go at the end of your child themes style.css file
July 15, 2022 at 9:35 am #505565munichmotor
ParticipantJuly 15, 2022 at 9:38 am #505568munichmotor
ParticipantAugust 22, 2022 at 5:16 am #505718harryjohn222
Participanthi,download latest version of video editing tool, software.
fl studio crackAugust 23, 2022 at 5:18 pm #505723chout0000
ParticipantAugust 28, 2022 at 10:52 pm #505730FruCall
ParticipantAlso o would love to change my blog homepage footer color.is there any solution out there for me?
December 24, 2022 at 12:48 am #506427weston444
ParticipantI want to add file download button at footer but it is not working properly on the footer. I using WordPress for my website.
December 26, 2022 at 12:59 am #506437Michaelmati
ParticipantYes, there is a solution out there for you to change the color of your blog homepage footer. Depending on the platform your blog is hosted on, there may be different ways to do this. For example, if your blog is hosted on WordPress like my website, you can use a plugin like Admin Custom Footer, which allows you to customize the colors of your footer. If your blog is hosted on a different platform, you can try searching for tutorials on how to customize the footer colors.
December 27, 2022 at 12:10 pm #506447December 30, 2022 at 7:42 am #506462Jimmy05
ParticipantThere is not a problem at all for this. You can simply have a download button at the bottom by using Kadence blocks. You can have a look at this article.
January 8, 2023 at 9:31 am #506526Terrykhan
ParticipantThere is no problem at all. You can easily have a download button at the bottom of your page by using Kadence Blocks. Plus, you can follow this helpful article for more information on how to set up a download button. With Kadence Blocks, you can quickly and easily add a download button to your page to make downloading your content simpler for your visitors.
January 27, 2023 at 3:03 pm #506639 -
AuthorPosts
- You must be logged in to reply to this topic.