- This topic has 16 replies, 3 voices, and was last updated 3 years, 7 months ago by Elvin.
-
AuthorPosts
-
September 27, 2020 at 10:45 am #1461262Christian
Hello,
I would like to modify the text colors of widgets added from the block builder in the global footer element – Coach Theme.
I added the following to the footer element under Appearance > Elements > Footer Template:
Latest posts, categories, archives.
These block builder widgets appear in a red color by default with dark colored hover. I would like to change the color to white with red colored hover to match current modifications to theme.
How can I change these colors as it appears I can not do so in the document and block section editor on page.
Thanks in advance,
Christian
September 27, 2020 at 11:49 am #1461329LeoStaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know ๐
September 27, 2020 at 11:55 am #1461334ChristianHi Leo,
I surely can. Would it be possible for me to add you to site admin?
Please send me your email.
Thank you,
Christian
September 27, 2020 at 12:00 pm #1461341LeoStaffCustomer SupportIs your site live?
If so can you just provide the link to start with?
We don’t need the dashboard access yet.
Thanks ๐
September 27, 2020 at 12:01 pm #1461342ChristianUnfortunately, it’s still in the staging phase. just about ready to go live in a few days.
September 27, 2020 at 12:45 pm #1461365LeoStaffCustomer SupportYou can use support@generatepress.com
Please provide the login info using the private info box here.
Thanks!
September 27, 2020 at 1:45 pm #1461399ChristianAdmin added.
thank you!
September 27, 2020 at 1:47 pm #1461401Christiansite url sent in private info box.
September 27, 2020 at 2:40 pm #1461431ElvinStaffCustomer SupportHi Christian,
I’ve checked your site.
I believe the footer is made with GenerateBlocks added on a Block Element hooked to the footer.
You should be able to style these on the Block Editor when you open the Block Element. You can also style other things from the site’s customizer.
These block builder widgets appear in a red color by default with dark colored hover. I would like to change the color to white with red colored hover to match current modifications to theme.
I’m not sure I understand completely. Can you explain a bit more?
While I see the footer with an image background with red overlay, I don’t see any widgets that are red in color with dark colored hover.
However, what I found are fonts with white color and some links with no :hover settings and widget with the default blue link color.
Perhaps you’re pertaining to this widgets with the default colors. This ones are styled on Appearance > Customize > Colors.
September 27, 2020 at 2:57 pm #1461447ChristianHi Elvin,
YesโI am referring to the links to categories, recent posts and archives with no :hover settings and widget with the default blue link color.
For some reason I can’t style these widgets with the block editor settings in the sidebar of admin. Color setting do not appear for these widgets.
After following the steps Appearance > Customize > Colors in what tab after > Colors would I be able to change the default blue color to white?
Please advise.
Thank you,
Christian
September 27, 2020 at 3:05 pm #1461449ElvinStaffCustomer SupportAfter following the steps Appearance > Customize > Colors in what tab after > Colors would I be able to change the default blue color to white?
Yes you should be able to style whatever is in the footer through Appearance > Customize > Colors > Footer.
There’s actually an option there specified for footer widgets. There’s also one for footer bars. They have their own respective link and link hover state color settings.
Let us know if that works out.
September 27, 2020 at 3:22 pm #1461460ChristianElvin,
I changed all colors to white in the footer widget section. Also, logged out and cleared browser cache. Still not reflecting any changes.
Any other things we can try?
Thank you,
Christian
September 27, 2020 at 3:40 pm #1461471ElvinStaffCustomer SupportI changed all colors to white in the footer widget section. Also, logged out and cleared browser cache. Still not reflecting any changes.
Oh right, I’ve checked your block element, it’s a part of the block rather than added through footer widgets. It makes sense why it wasn’t working. My bad.
We can use custom CSS. You can try this:
.site-footer ul > li > a { color: white; } .site-footer ul > li > a:hover { color: red; }
September 27, 2020 at 8:52 pm #1461632ChristianHi Elvin,
Thank you for researching and sharing the code.
Where should the CSS code be placed?
Please advise.
Thanks,
Christian
September 27, 2020 at 9:00 pm #1461639ElvinStaffCustomer SupportYou can put it on your Additional CSS on Appearance > Customize.
Or Child theme if you have one. ๐
-
AuthorPosts
- You must be logged in to reply to this topic.