Docs

[Novice]

URL http://www.camasmor.com
Wordpress version 4.6
X version:4.6.1
Cornerstone plugin: 4.6.1?

I am trying to change the color of the h4 text in the text widget to white. The following code works with p, and the widget heading.

The .textwidget class seems to be the correct selector- the text-shadow property works but the color property will not.

.x-colophon.top {
background-color: #006699;
color: #fff;
text-shadow: none;
}

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

.textwidget {
color: #fff !important;
text-shadow: none;
}

it would it great to have some help with this.

[Novice]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.h-widget {
    color: #000
}

Hope it helps 🙂

[Joao]

Hi There,

It seems to be working, your title sand text are #fff

Would you mind clarifying the issue?

Thanks

Joao

[Novice]

Thanks so much for the speedy response
I will put the shadow back on the text which is not currently visible to show what I mean.
I’ve changed the text-shadow property in.. the .textwidget selector
/text-shadow: none;/

There are <h4> headings in the text widget that are currently the same colour as the background, and therefore not visible. i.e- the h-widget is white, the <p> is white, the text below is not visible.

Thank you

[Joao]

Hi There,

Please add the following code:

.textwidget {
text-shadow: none;
}
.textwidget  a {
color: #fff;
}

Hope it helps,

Joao

[Novice]

Thanks Joao-
The above made me realise that I was stupidly overlooking the hyperlink- but the code above worked in cornerstone but was unstable in different browsers.

I worked out how to sort it by creating a new class for hyperlinks and applying it to the widget.

Thanks so for your help.
Alexandra

[Rue Nel]

You’re always welcome!
We’re glad we were able to help you out.

[Author]

Posts