Custom CSS for Posts Pages Only

  • Hello.
    I am hoping to change the width of my blog (and all posts on it) page only. I put the following code into custom css on my discoverypro theme and it gave the look I want but it changed the width for all pages and I don’t want that. Can anyone help me single out just the blog pages/posts for this custom css?

    #secondary {
    width: 32.9149%;
    }
    #primary {
    width: 65.9575%;
    }
    .entry-content{

    float:left;

    width:605px;

    overflow: hidden;
    }
    h1 {
    font-size: 20px;

    font-size: 2.0rem;

    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Amor

    (@amorfrancis)

    Hi!

    You can try this:

    .blog #secondary,
    .single-post #secondary {
    width: 32.9149%;
    }
    .blog #primary,
    .single-post #primary {
    width: 65.9575%;
    }
    .blog .entry-content,
    .single-post .entry-content {
    float:left;
    width:605px;
    overflow: hidden;
    }
    .blog h1,
    .single-post h1 {
    font-size: 20px;
    font-size: 2.0rem;
    }

    @media only screen and (max-width: 800px){
    .blog #primary,
    .single-post #primary {
    width: 100%
    }
    }

    Thread Starter sbakerphr

    (@sbakerphr)

    That worked perfectly. Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS for Posts Pages Only’ is closed to new replies.