I can’t seem to style/select .weaverx_showhide_show and .weaverx_showhide_hide classes

[williamweaver]

http://encounternewfoundland.com/accommodations/ [ that’s with the Map thingy working 🙂 ]

Text to be blue is: Open Map View and Close Map View

.weaverx_showhide_hide {
color:blue !important;
}

is the desired result, but it is nfg as is

Any idea on what the selector might be?

[scrambler]

Can you elaborate, because I don’t see any Open Map View and Close Map View  On the page you gave us

[Weaver]

.weaverx_showhide_xxx classes are NOT designed for user extra styling. You might be able to do something, but there is no guarantee that in the future those internal styles will not be changed. Please find a different way to style your content.

[williamweaver]

@ scrambler
It is just below Hotels and Lodgings and just above the content/images

@weaver
“The show and hide text/images are wrapped by a <span> with a class
‘.weaverx_showhide_show’ and ‘.weaverx_showhide_hide’, respectively.”

My apologies, but I thought the above indicated that that was what that was for!? I’ll see if I can find another way, but I’m actually quite stumped as to how to isolate that bit of code in order to style it to my better half’s wishes, which resulted in my posting here as a last resort.

[scrambler]

The rule you used placed in Main Options > Fonts & Custom > Custom CSS Rule box should work. But try the modified version below

a .weaverx_showhide_show, a .weaverx_showhide_hide {color:blue !important;}

If it does not work, leave the rule in an post back

[williamweaver]

Thanks again scrambler. 🙂

I had tried .weaverx_showhide_show a , .weaverx_showhide_hide a {color:blue !important;}

Apparently my syntax was incorrect…

[scrambler]

if you inspect the page, the class is on a span that is inside an a tag. This means the span comes after the a tag, therefore you need to have the a selector first and the class after separated by a space.

If the class had been on the a tag, then both would have needed to be connected.

Using the class followed by the a tag would imply the a tag comes after the span holding the class which is not the case here.

[Author]

Posts