Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter VadimG

    (@vadimg)

    Check my link: https://matrix.privetamerica.org/store-locator/

    Also: 3) Is it possible to center search bar and radius?

    To check the font problem use ZIP code: 37205 because for right now I just add only one store.

    Thread Starter VadimG

    (@vadimg)

    Can somebody help me with my issue?

    Thanks a lot!

    Plugin Author Tijmen Smit

    (@tijmensmit)

    1) I don’t see it, but adding this to your css should fix/prevent it from happening.

    #wpsl-wrap #wpsl-search-wrap {z-index:9999;}

    2) The css from your theme over writes the css from the plugin. You can fix it by adding this to your css file. This will make the text black, you can change it into any color you like.

    #wpsl-result-list p a, #wpsl-result-list a, .wpsl-info-window p a, .wpsl-info-window .wpsl-directions a {color:#000000 !important;}

    3) Not through a setting, you would have change the css yourself.

    Thread Starter VadimG

    (@vadimg)

    I am sorry. Can you please tell me where exactly do I need to add this code? This is not my field.

    Thanks a lot!

    Thread Starter VadimG

    (@vadimg)

    Also, can you please help me to customize it a little bit. Just to center search bar and radius + to make white that grey frame around.

    What code do I need to apply?

    Thank you so much in advance.

    Plugin Author Tijmen Smit

    (@tijmensmit)

    There is a style.css in your current theme folder (or otherfile.css), you should open it and then add this to the bottom of that file.

    #wpsl-wrap #wpsl-search-wrap {z-index:9999 !important;}
    #wpsl-result-list p a, #wpsl-result-list a, .wpsl-info-window p a, .wpsl-info-window .wpsl-directions a {color:#000000 !important;}
    .wpsl-search {background:#fff !important;}

    If you have trouble with it let me know.

    I have to play around with the code and see if I can easily make the search and radius bar center. But not sure if there is an easy to way to do this without making changes to the html.

    Hi

    Unfortunately I have the same problem that all my fonts are white because my theme has white font on black background.

    when I add this

    #wpsl-search-wrap label {
    color:#000 !important
    }

    the serach font becomes black. But the other text (reset, your location, and so on) are still white (in the map). Also the descriptions of the stores.

    I added your code

    #wpsl-result-list p a, #wpsl-result-list a, .wpsl-info-window p a, .wpsl-info-window .wpsl-directions a {color:#000000 !important;}
    .wpsl-search {background:#fff !important;}

    but that does not help. wpls-search background changes if I set another color but the other fonts will not ??

    Plugin Author Tijmen Smit

    (@tijmensmit)

    What is the url?

    jeff55

    (@jeff55)

    This also doesn’t work for me.

    #wpsl-result-list p a, #wpsl-result-list a, .wpsl-info-window p a, .wpsl-info-window .wpsl-directions a {color:#000000 !important;}
    .wpsl-search {background:#fff !important;}

    I’m using the customizr theme and have CSS in a child to change all text to white.

    Wondering if my site wide custom css is disrupting the theme custom css? As for right now I changed the background color of the results to a light great to see the store locations. One the plugin updates this will revert.

    Any info that you might need?

    Plugin Author Tijmen Smit

    (@tijmensmit)

    @jeff55 What is the url?

    This is almost certain an issue with css specificity. Another css line is over ruling the css that should make the text black.

    jeff55

    (@jeff55)

    https://www.freespiritrecreation.com

    I apologize I’m have enough knowledge to stumble my way around CSS but I cannot figure this one out.

    I used this to change the sitewide body text –

    body {
    /* Adjust sitewide (#FFFFFF) text color */
    color: #FFFFFF;
    }

    And I had to change the footer text color too –

    footer#footer {
    background: none repeat scroll 0 0 #F8F8FF;
    border-top: 12px solid #E9EAEE;
    color: #000000 !important;
    padding: 0;

    Plugin Author Tijmen Smit

    (@tijmensmit)

    @jeff55 you are using this store locator https://www.ads-software.com/support/plugin/store-locator not mine.

    jeff55

    (@jeff55)

    Oh snap – thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Dropdown menu and font color’ is closed to new replies.