Resize homepage images

  • I’m in the process of moving from WordPress.com to self-hosted with www.remarpro.com and am trying to get my site looking just right before I make it all live.

    Something I’ve wanted to do for a long time is make the images on my homepage bigger, as they currently show small thumbnails. I want to make the text bigger so it’s easier to read but I don’t want the text to be large when the image is so small.

    My blog is https://www.passport-for-living.com.

    Can anyone help me with some code to be able to do this? Or any ideas?

    Thanks in advance

    Zara

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

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    For the image width, these are the three CSS rules you will need. Note that the 840px min-width rule is wider than the other two. That is because at window/screen widths less than 840px, the sidebar moves below the content and the images become full-width with the text below.

    @media screen and (min-width: 1080px) {
.content-area .format-standard a.post-thumbnail {
    width: 195px;
}
}
@media screen and (min-width: 960px) {
.content-area .format-standard a.post-thumbnail {
    width: 165px;
}
}
@media screen and (min-width: 840px) {
.content-area .format-standard a.post-thumbnail {
    width: 220px;
}
}

    For the font size, you can add this and then change the 14px value to your desired size.

    .entry-summary p {
	font-size: 14px;
}

    Oops edit: My copy and paste didn’t come out right. The above has been edited!

    • This reply was modified 6 years, 8 months ago by sacredpath.
    • This reply was modified 6 years, 8 months ago by sacredpath.
Viewing 1 replies (of 1 total)
  • The topic ‘Resize homepage images’ is closed to new replies.