Basics on Adding custom CSS to self-hosted site

  • AdaptivePlanner

    (@adaptiveplanner)


    12 years ago

    I know CSS, but I’m at a loss to understand just how to add custom CSS to a WP theme. I’m using the Esplanade theme – in its THEME OPTIONS menu that has DESIGN option – on that page it provides a text input field to add custom CSS.

    But how do I do it> There has to be other files that either need to be added or edited, right?

    Please advise.

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

    (@wpyogi)

    No, you just add CSS to the custom CSS section. The key piece is that you need to use CSS that will override any other CSS on the site/page/element. Using Firebug (or similar other tool) is the best way to identify the existing CSS – and typically shows you the selectors you need to use.

    Keith Burgie

    (@keith-burgie)

    For example, if you want to change the colors of the post titles on the homepage, you would use Firebug to see:

    .entry-title a {
    color: #333333;
}

    Then if you wanted to make them red instead of dark gray, you would add:

    .entry-title a {
    color: #FF0000;
}

    as custom CSS.

    Thread Starter AdaptivePlanner

    (@adaptiveplanner)

    Ok – I’m working on it – thanks much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Basics on Adding custom CSS to self-hosted site’ is closed to new replies.