Support » Themes and Templates » Basics on Adding custom CSS to self-hosted site

  • AdaptivePlanner

    (@adaptiveplanner)


    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)

    Forum Moderator

    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.

    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.