• Resolved sOl23

    (@sol23)


    Hi all,
    I have tried changing all kinds of colors in the css file, and cannnot seem to get any results. I have searched up lots of other people doing similar things to this, but they are always trying to change the color of a h1 or h2 or post title color or something, I really just want to change the main, name of my website text. Like if you went to amazon.com, changing the amazon.com text, just to be extra clear.
    I hope this isn’t too much but I am posting the css file for reference:

    [yep, that’s way too much code to post here – removed entire CSS file]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi sOl23

    Can you provide a link to your site? The CSS that’ll need to be changed depends on your theme.

    Thread Starter sOl23

    (@sol23)

    thesurvivalindex.com sorry I would have but I thought that info was open to other users by default duh. thanks again!

    The site title is an h1 element, so those examples you found should work.

    Try using this for the selector:

    div#header h1 a

    No worries at all!

    You’ll need to add some CSS code to your site. The easiest way to do this is to use a plugin, such as the Custom CSS module in Jetpack or Simple Custom CSS.

    You’ll need to add the following CSS code:

    #header h1 a {
    color: YOUR-COLOR-HERE;
    text-decoration: none;
    }

    Put the hex code for the color your want where I’ve written ‘YOUR-COLOR-HERE’.

    Good luck! Let me know how you go.

    Thread Starter sOl23

    (@sol23)

    Hi there thanks for the responses.
    I downloaded Simple Custom CSS and added your CSS in as follows:

    /* Header elements
    *******************************/
    
    #header h1 a {
    color:#C8696E;
    text-decoration: none;
    }
    
    h1 {color:#0000FF;
        font-size:2.67em;
    }
    
    h2 {
        font-size:2.17em;
        line-height:1.6;
        color:#152942;
        font-style: italic;
    }

    And used a nice obvious color so it would stand out but again no change…Also tried taking out the other h1 section and checking then in case that was over-riding it but still nothing. Is it probably being over-ridden somewhere else then? This is really dumbfounding me I’ve never liked CSS haha

    You could try adding the !important statement after the style.

    It looks like the code:

    #header h1 a {
    color:#C8696E;
    text-decoration: none;
    }

    has done the trick! Great work ??

    Thread Starter sOl23

    (@sol23)

    I don’t understand, it didn’t work at all…are you making fun of me??? Is there no other imaginable reason why this might not be working?

    Try clearing your browser cache. That one is working.

    For the other, try using

    #header h2 {
      your styles go here;
    }

    Thread Starter sOl23

    (@sol23)

    Oohhhhhhhhh! Look at that it is working. I never knew that clearing browser cache was a thing…and still never figured out to do it just waited long enough and it worked…I wonder how many problems I have actually solved in the past but just thought weren’t solved due to browser cache…In fire fox could you kindly tell me where to do that and I’ll leave you along? Thanks so much now I feel much better not having wasted my day accomplishing nothing.
    Cheers!!

    Glad you got it working, sOl23

    Instructions to clear your cache in Firefox here.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to change the text color of site title?’ is closed to new replies.