building css for additional page

  • Unknown's avatar
    joannafdorsey · Member ·

    Hi all,I need to build some css coding for my homepage. The homepage is not apart of the current theme I am using and I do not want the css coding for the homepage to effect the coding for the blog page. How do I go about setting this up?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, in our themes here, we provide some additional CSS classes that are set in the opening body HTML tag for all pages and posts, partly for what you are talking about. Here is the beginning of the opening body HTML tag for your home page
    <body class="home page page-id-1...
    I would suggest using the “home” CSS class, and you would need to precede all CSS selectors with that to limit your changes to the home page only As an example, the following would change the header area at the top of your home page to a red. 

    .home .site-header {
    background-color: #cc0000;
}

    You can temporarily add the above and verify that it shows only on your front page and then use that as a guide. If you run into problems or have questions, please let us know.

  • The topic ‘building css for additional page’ is closed to new replies.