Docs

[artisticdog]

See my page with Store Locator on it: http://dna-paints.com/store-locator/
WordPress 4.6.1 running X – Child Theme theme.

The “Your Location” text and other similar labels are difficult to read because of the text color and background combination.

How can I change the text color of these labels to say black but on this page only?

You have helped me in the past before to change items on this page with the code below but cant figure out how to change write or modify this code for this task?

.page-id-2655 input#wpsl-search-input { color: #000 !important; background-color: #fff !important; }

Thanks in advance

[Rue Nel]

Hello There,

Thanks for writing in! Upon checking, it seems that the url of the page in question is private. We cannot see or check the page. This is only what we see: http://prntscr.com/ddw1iz

By the way, using the previous code, the page id (like in this code .page-id-{#}) may have changed. Please find out the correct page id number of the page. Perhaps this article will help you: https://community.theme.co/kb/how-to-locate-post-ids/

Please let us know how it goes.

[artisticdog]

Hi ,

Sorry about that, the correct address is: http://dna-paints.com/store-locations/
The page id is still correct because I can change the color values and observe the changes to the site.

[Lely]

Hi There,

Please use this custom CSS instead:

.page-id-3663 #wpsl-search-wrap label {
    color: #000000;
}

See this:http://screencast-o-matic.com/watch/cDlheiQ2BR

[artisticdog]

You are awesome!
Thank you very much.

[Prasant Rai]

You are most welcome. 🙂

[artisticdog]

Sorry to bother you with another issue on this same page. http://dna-paints.com/store-locations/
If I click on a Red flag location of any store on the map an info window pops up with the stores information in it. The text colour is too light to read. How can I change the text color in these information windows?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.wpsl-info-window {
    color: #000;
}

Hope that helps.

[artisticdog]

Thanks, perfect.

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts