How to change colour and edit css style

  • Resolved DianeJMiller

    (@dianejmiller)


    9 years ago

    Hi all,

    Site https://www.onebyonethemovie.co.uk and its Omega Child theme.

    I’m very new to everything wordpress and CSS style (it didn’t exist to me 3 weeks ago). I’m trying to learn how to do these things but all video tutorials seem to be for PC and I’m on a MAC. At this point I’m just changing colour codes and hoping for the best (obviously reverting to the original when it doesn’t work).

    To start with, I’m trying to change a few things on my site, the main one being background colour, font colour, title font text… I’m doing this in the theme editor. I have started with the background colour changing it from #FFF to #1d1d1d1 (white to black). These are the codes I’ve tried adding/changing but still with no luck.

    `color: #333;
    font-family: ‘Open Sans’, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.625;
    background: #1d1d1d;

    and then also this:

    body {
    background: #1d1d1d;
    }

    to this:

    body {
    background: #1d1d1d !important;
    }

    If someone could please tell me what I am looking for I would be most grateful. Thanks

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    the main one being background colour, font colour, title font text

    Can you clarify which elements you’re referring to for each of these? Then we can walk you through the CSS.

    Thread Starter DianeJMiller

    (@dianejmiller)

    Thank you.

    Background colour please. From white to black

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your child theme is not active on your website. Once it’s active, add this to the Child Theme style.css file:

    body {
    background: black;
}

    Thread Starter DianeJMiller

    (@dianejmiller)

    How do I activate it? As I thought it was. It is saying that it is the one I’m using; Omega Child Theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh it is active. Can you put that code at the very bottom of the style.css file?

    tf76

    (@tf76)

    Looks like you did it. Well done

    Thread Starter DianeJMiller

    (@dianejmiller)

    Apologise, so new to this…

    I’ve done that now thanks… Is this download the reason other changes weren’t working?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Potentially, though I’m not sure what you mean by this download

    Thread Starter DianeJMiller

    (@dianejmiller)

    I’d chosen the theme, and then when I clicked on the info it gave me a few more templates to chose from. Thank you… So very much!

    Do you think you can help with with a couple of other things?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sure ??

    Thread Starter DianeJMiller

    (@dianejmiller)

    Andrew, you are amazing! If at any point I become annoying say “Diane, we’re done” and I will not get offended ??

    1) How do I can the main font at the top (One by One)?
    2) How do I change the colour of that title and the tagline also?
    3) How do I change the colour of the text on each page to a #232323?

    I have a few more questions, but I don’t want you to regret helping me yet ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Haha I’m sure there are others dying to get stuck into your questions too, they just don’t want to step on my toes.

    1) How do I can the main font at the top (One by One)?

    What font family do you want to change the font to? There is a list of fonts that are common across all browsers. If the font you want isn’t on that list then you may need to use a plugin to import the font into your website – which we can help with.

    2) How do I change the colour of that title and the tagline also?

    h1.site-title a,
.site-description {
    color: pink;
}

    3) How do I change the colour of the text on each page to a #232323?

    body {
    color: #232323;
}
    Thread Starter DianeJMiller

    (@dianejmiller)

    Hahaha! Tough! Because you’re stuck with me now ??

    1) The font I want isn’t on that list #Pain ??

    2) Brilliant, change the description but not ‘One by One’??

    3) Perfect ??

    Thread Starter DianeJMiller

    (@dianejmiller)

    Whoops, the font I’d like is Copperplate light

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    My internet is being slow, could you check whether the font is available at Google: https://www.google.com/fonts

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘How to change colour and edit css style’ is closed to new replies.