WordPress.org

Ready to get started?Download WordPress

Forums

Basics on Adding custom CSS to self-hosted site (4 posts)

  1. AdaptivePlanner
    Member
    Posted 1 year 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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. Keith Burgie
    Member
    Posted 1 year ago #

    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.

  4. AdaptivePlanner
    Member
    Posted 1 year ago #

    Ok - I'm working on it - thanks much.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags