Home › Forums › Pro Themes › Signify Pro › Change size of featured Image on Archive page view

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 30, 2020 at 1:43 pm #141711
    Claire
    Participant

    https://cm-essentials.com/results/?_sft_gender=female

    I have a search feature which uses the archive.php template to display results. Using the theme editor I have it set to display in 2 columns with an excerpt and featured image, but I would like to limit the image width to 150px and left align them. I haven’t been able to find the right css work around without also affecting the featured images on other parts of the site. How can I add css that will only affect the archive page view?

    December 31, 2020 at 12:15 am #141731
    Psink
    Keymaster

    Hello @Claire

    Here we have got a few CSS, Please add this in the theme

    To do soo, Go to Admin Panel >> Appearance >> Customize >> Additional Css, There paste below CSS then published and refresh, you will get changes

    
.blog .archive-post-wrap .hentry .hentry-inner {
    display: flex;
}
.blog .archive-post-wrap .post-thumbnail {
    width: 35%;
}
.blog .archive-post-wrap .post-thumbnail img {
    width: 100%;
    object-fit: cover;
}
.blog .archive-post-wrap .entry-container {
    width: 65%;
    padding-left: 20px;
}
.blog .archive-post-wrap .more-link {
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.blog .archive-post-wrap .hentry .hentry-inner {
	    display: block;
	}
	.blog .archive-post-wrap .post-thumbnail {
	    width: 100%;
	}
	.blog .archive-post-wrap .entry-container {
	    width: 100%;
	    padding-left: 0;
	}
}

    Hope this CSS will help you out

    Regards,
    Psink

    December 31, 2020 at 1:04 am #141732
    Claire
    Participant

    Thanks very much – that was a bit more than I needed but it helped me fix the problem. Thank you for your quick response!

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