• Hi, I have this week changed my site’s theme in order to get an extra sidebar. I am at last feeling a bit better about its appearance but want to change the colour, font and font-size of the title and tagline.
    I am using the theme Jolene with a child theme of Unicorn. I went into the style.css file in the editor and made some changes to the colour and size of the font but although I clicked on update after I had edited the css file the site looked exactly the same afterwards. Can anybody help me here? My site is https://redhotchillinews.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What specifically doesn’t work?

    Thread Starter midlot

    (@midlot)

    I have changed the colour and font-size (or at least thought I had) but there seems to be no change in the colour or font-size of my site’s title and tagline after I updated the CSS file in the editor.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There are a lot of styles in your Child Theme style.css file: https://redhotchillinews.com/wp-content/themes/unicorn/style.css?ver=4.2.4

    It’s really difficult for us to tell which ones you’re referring to.

    Thread Starter midlot

    (@midlot)

    If this helps someone help me? Here is the chunk of code I was looking at when I did some editing of the style.css file in the editor
    ‘.site-info-text-top .site-title a,
    .site-title a {
    color: #FF000;
    }

    .site-title {
    font-size: 46px;
    font-family: ‘Open Sans’, sans-serif;
    }

    .site-info-text-top {
    border-bottom: 1px solid #eee;
    }
    .site-info-text-top a{
    display: block;
    text-align: center;
    }

    .site-info-text-top .site-title a {
    color: #FF000;
    font-family: ‘Open Sans’, sans-serif;
    font-weight: 300;
    padding: 0 20px;
    text-decoration: none;
    font-size: 36px;
    text-transform: uppercase;
    }

    .site-description {
    color: #FF000;
    display: none;
    }
    ‘ I will admit that I am close to hopeless regarding coding, but I thought I had changed the site title to being a red but in fact it still looks like drak grey when I view my site

    Which code did you add to the style.css and if you can say which line ( number ) did you alter.

    Ahh you already wrote that by the time I answered. Checking it out now.

    FF000 is not a valid color, you’re missing another zero, so should FF0000

    As for the font size you need to apply the font-size change to “.site-info-text-top .site-title a”

    So the code would be:

    .site-info-text-top .site-title a { font-size: 46px; }

    Thread Starter midlot

    (@midlot)

    Thanks, but I am still very confused. I have changed the colour to #FF0000 and changed the font size as you suggested but still there is no change in the appearance of the title and tagline on my site.
    This is how th code of the CSS is looking now
    ‘.site-info-text-top .site-title a,
    .site-title a {
    color: #FF0000;
    }

    .site-title {
    font-size: 36px;
    font-family: ‘Open Sans’, sans-serif;
    }

    .site-info-text-top {
    border-bottom: 1px solid #eee;
    }
    .site-info-text-top a{
    display: block;
    text-align: center;
    }

    .site-info-text-top .site-title a {
    color: #FF0000;
    font-family: ‘Open Sans’, sans-serif;
    font-weight: 300;
    padding: 0 20px;
    text-decoration: none;
    font-size: 36px;
    text-transform: uppercase;
    }’
    I am wanting to get larger red lettering for the site title and slightly smaller black lettering for the tagline. I am assuming that the tagline is the site info? I cannot understand why the changes I am making are not altering the look of my site at all. wpuld really be very glad of some help here. The site is https://redhotchillinews.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problems changine the colour, size and font of my site title and tagline’ is closed to new replies.