Changeimage size when posts viewed in a category

Home Forums WordPress Themes – Premium Encounters Changeimage size when posts viewed in a category

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15802
    Julie
    Participant

    Hello,

    I use Encounters primarily as a blog/website. I like to use the large image on the main blog home page as you will see here. http://www.thebeautyissue.com
    I’d like to be able to revert to a thumbnail image when looking at posts in a specific category. Is there an easy way of doing this?

    Just to be clear, image to remain large on main home page but a thumbnail when viewed through a specific category.

    Thanks

    Julie

    #20932
    Shekhar Bhandari
    Participant

    Hi Julie,
    To make the image large on front page and small on category pages you should put the following css into your child theme css files.

    
    body.category .category-blog img {
        width:60%;
    }
    

    Thanks.

    #20934
    Julie
    Participant

    Okay thanks. So… I guess I put that code somewhere in the editor.. but where exactly and also, is it okay just to have the one size of my featured image in my media file?

    Sorry, not techy, just muddle through, so sorry if my questions are a little vague 🙂

    #20935
    Anonymous
    Inactive

    You should use that CSS in the style.css of your child theme.

    You can change the 60% to any other value as you want.

    #20937
    Julie
    Participant

    Thanks,

    I did this. (screenshot attached) But no change to category image.

    #20941
    Shekhar Bhandari
    Participant

    Hi Julie,
    We couldn’t find your attachment so could you please attach it or provide the url link of the site that you are currently working. So, We could figure out what actually is not working for you.
    Thanks.

    #20967
    Julie
    Participant

    Hello
    Attached screenshot again. And my website url is http://www.thebeautyissue.com
    Thanks
    Julie

    #20969
    Shekhar Bhandari
    Participant

    Hi julie,
    I found that you haven’t inserted the code that we provided in child theme css files. So, Please insert it.
    The Steps to insert the css are as follows:

    1. Go to Appereance
    2. Go to Editor
    3. Select the style.css file from right side
    4. Paste the code that we have provided

    Hope it Works.

    Thanks

    #15803
    Julie
    Participant

    Yay.. it worked that time.. I put the code in a different spot.

    All good now. Thank you so much 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.