Support » Theme: Canard » Resize homepage images

  • passportforliving

    (@passportforliving)


    I’m in the process of moving from WordPress.com to self-hosted with WordPress.org 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 http://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 1 year, 1 month ago by  sacredpath.
    • This reply was modified 1 year, 1 month ago by  sacredpath.
Viewing 1 replies (of 1 total)
  • The topic ‘Resize homepage images’ is closed to new replies.