Color of site title

  • I am trying to change the color of my website’s title. I tried using this code in the Additional CSS panel:

    .site-title a{
    color: #500;
    text-decoration: none;
    }

    When I enter that, the color changes in the preview window but when I click the Save button at the top and then visit my site directly, the color is the original black.

    Any idea what I’m doing wrong?

    Should also note that I don’t really know CSS at all… just know enough to change hexadecimal color values.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @palliso13!

    You may feel like you don’t really know CSS, but you were super close ??

    Try this:

    .site-title a,
.site-title a:visited,
.site-title a:hover {
    color: #500;
}

    The theme explicitly sets the color of that link for three different states: initial (just a normal link), hover (when your mouse is over it), and visited (if the page the link goes to is listed in your browser history).

    Because :visited was specifically set to black, you still saw that, since you’ve been to your homepage in the past.

    The above CSS sets the color to your hex code for all three states ??

    Thread Starter palliso13

    (@palliso13)

    That worked! Thanks so much! I greatly appreciate it.

    My pleasure!

    When you’re ready, you can mark this thread as “Resolved” over in the sidebar ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Color of site title’ is closed to new replies.