Okay
  Public Ticket #525363
text color with dark background
Closed

Comments

  • Kelly Diamond started the conversation

    My site has a dark background. Is there a way to set the default text color throughout so that it is light? On the individual pages, I selected light text color in the row settings, but it seems like I should be able to do this globally. On the blog landing page (http://hollyshimizu.com/articles/) and individual posts, I'm trying to figure out how to make the body and headings text light without having to edit row settings for each post.

    Thanks!

  •  8,990
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body {
        color: rgba(255, 255, 255, 0.86) !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jen replied

    Tried that and still doesn\'t work. I do see a red cross on the last line...the } line
    Not sure what that means and how to get rid of it (?)

    Also there is another bit of custom CSS that worked before but no longer does (since I updated last I think?)...to make the logo bigger on mobile:

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
    body header#top #logo img {
    height: 50px!important;
    margin-top: -18px!important;
    }

    The logo on mobile is still quite small, and doesn\'t seem to change when I edit the size in the code. Thoughts?

    Thanks!

  •  8,990
    Tahir replied

    Hey ,

    There is a ending curly brace missing please add it. The red cross is making the css not work.

    Thanks


    ThemeNectar Support Team 

  • Kelly Diamond replied

    adding the ending curly brace; still no white text (?). See http://hollyshimizu.com/a-sampling-of-herbal-native-plants/ and articles page. On all the other pages, I manually changed the text to white.

  •  8,990
    Tahir replied

    Hey Again,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks


    ThemeNectar Support Team 

  •   Kelly Diamond replied privately
  •  8,990
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body ,p,h1,h2,li {
        color: rgba(255, 255, 255, 0.5) !important;
    }

    Also be sure to place the css above the media tag and not inside it otherwise the css will only work on screen resolution less than 1000px .

    Also see this to find out the correct css selector for the elements that you need: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks



    ThemeNectar Support Team 

  • Jen replied

    Thank you!!