Navigation
Archive / CSS to affect Posts but not main blog page
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 12, 2016 at 9:26 pm #879239
    kristianl
    Participant

    Hi there, on the post pages for my works website I want to float the images left which I have successfully done using the following CSS:

    .entry-featured {
float: left;
margin-right: 20px;
}

    However, I do not want the images to float left anywhere else on the website, eg. the main blog page (masonry layout) and archives etc. I have not added the CSS yet because I don’t want to mess up the other layouts.

    Is there a way I can make that CSS only affect posts?

    http://blackswanhealth.com.au/news/

    April 13, 2016 at 6:32 am #879821
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can update your code to:

    .single-post .entry-featured {
float: left;
margin-right: 20px;
}

    Hope it helps, Cheers!

    April 14, 2016 at 12:14 am #881456
    kristianl
    Participant

    Awesome! Thanks!!

    April 14, 2016 at 3:28 am #881755
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-879239 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>