- Posts
Hi there,
I have asked this question already (https://www.boldgrid.com/support/question/changing-background-and-text-colour-of-footer-widgets/), but wasn’t able to post a comment with the additional information I needed to provide, so I’m logging another question – sorry!
My site can be found here: http://biz242.inmotionhosting.com/~resili20/bg_resiliencechallenge.nz/news-and-stories/
When I added the code suggested in the answer to my first question nothing happened, except the ‘Test’ text appeared in black in the text widget.
I’ve also tried using Google Chrome developer tools to edit the footer widget colors, but if I change the background color to grey, the header background turns grey too and I would like it to stay white.
Thanks again for your help,
Ali
Hi Ali,
Thanks for your patience. I asked one of the BoldGrid designers to help and they explained the issue. The widgets involved in this issue use a Bootstrap defined “.well”. This option is defined in CSS. Follow these directions:
- Log in to the Administrator Dashboard
- Click on Customize
- Click on Advanced
- Click on Custom JS & CSS
- Add the following code to the CSS section under the existing code:
.well {
background: #808080;
color: #fff;
}It should go under any existing code in the CSS section.
Make sure to click on PUBLISH or UPDATE to save your changes.
If you have any further questions or comments, please let us know.
Arnel C.
Hi Arnel,
Thank you for this. Unfortunately it doesn’t seem to be working for me. I’ve tried adding it to the custom CSS and the publishing and nothing changed – the widgets remain white with black text. It seems like it should work – the .well is grey and the colours are blue in the code, but nothing has changed.
Do you have any other suggestions?
Thanks 🙂
AliHi Carlos,
That’s great, thank you! That code has worked.
Is there some extra code I can add in there that will make the widget borders #808080 too? And the text in the text widget is now white, but the menu widgets still have black text (which are links, not plain text), and the headings are black still too – is there code that will make all text white?
Thanks!
Hi there, thanks for approving my question, but should I submit it as a new question or will someone answer it in this thread? Sorry – I’m not able to comment for some reason, I keep getting a pop-up message saying that the comment can’t be posted. Thanks 🙂
- The topic ‘Changing background and text color of footer widgets’ is closed to new replies.
