[Rick BParticipant]

test.theblank.com
wordpress 3.9.1
x shortcodes: 2.2.2

I would like to change font color and background for the footer and sidebar widgets.

I would like to change the sidebar font color to white.

I would like to change the footer font color to white and change the background color to dark blue.

Not sure if I need to add a class to footer or sidebar or add custom css line.

Would be grateful for any guidance.

Thank you!

Rick

[ChristianModerator]

Hey Rick,

In the Customizer > Custom > CSS, please add the code below.

.x-colophon.top {
background-color: black;
}

.h-widget {
color: white; /* For Widget Title Color */
text-shadow: none; /* Remove Shadow */
}

.widget ul li, .widget ol li {
color: white; /* For List in the Sidebar */
}

.x-colophon.bottom { /* Bottom Footer */
color: white;
background-color: darkblue;
}

Hope that helps. 🙂

[Rick BParticipant]

thank you, trying this out now…

[AlexanderKeymaster]

You’re welcome!

[Rick BParticipant]

OK, I’m beginning to understand how to use Customizer > Custom > CSS.

The solutions you provided worked great! I cut and pasted and tweaked and things are looking good.

However, I am trying to locate the class for sidebar widget #2 (the widget currently with a facebook feed plug-in). I would like to remove text shadow and set body text color and link color on that sidebar widget as well.

I would also like to remove the white background that pops up when I hover over sidebar widget one (currently with the twitter feed). Not sure which class to use to do this.

Appreciate your great theme and your guidance. Thanks again.

Best,

Rick

[RadModerator]

Hi Rick,

Sure this might help you.

1. Removing widget hover background :

.widget ul li:hover, .widget ol li:hover {
background-color:transparent!important;
}

2. Removing text shadow :

.widget {
text-shadow: none!important;
}

3. Changing your widget text and link color

.widget, .widget li, .widget p, .widget span{
color:blue!important;
}

.widget a{
color:black!important;
}

.widget a:hover{
color:pink!important;
}

Hope this helps.

[Rick BParticipant]

This is awesome, Thank you for being so “responsive” 🙂

[ChristianModerator]

You’re welcome Rick.

[Michael SParticipant]

Do you know how to add my company logo to the footer?

[Paul RModerator]

Hi Michael,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[PragyParticipant]

Hi X, I was changing a font colour of my sidebar,but the specific link that i click on its becomes white and then i cant see the anchor text. Can you provide me with custom scc to have the colour red when im on the specific link. Im attaching two snapshots.
Thank you

[ThaiModerator]

Hi @pragy,

Thanks for writing in!

Try adding following CSS under Appearance > Customize > Custom > CSS:

.widget_nav_menu .current-menu-item > a {
color: red;
}

Hope it helps.

[PragyParticipant]

Hi, i did paste it in and nothing happened. Im attaching my full css for you.
Thanx

.text-white h2,
.text-white p,
.text-white .x-btn {
color: #fff;
}

.text-white .x-btn {
border-color: #fff;
}

.text-white .x-btn:hover {
opacity: 0.75!;
}

.widget {
text-shadow: none!important;
}

.widget a{
color:white!important;
}

.widget a:hover{
color:red!important;
}

.h-widget {
color: white;
text-shadow: none;
}

.widget_nav_menu .current-menu-item > a {
color: red;
}

[ThaiModerator]

Hi @pragy,

Would you mind providing us with your website URL so we can take a closer look?

Thanks.

[PragyParticipant]

Of course, Here is my URL:
http://247londonlocksmith.co.uk/areas/

[Author]

Posts