Trying to Edit Blog Posts

Support
#1

Hello, I am trying to make subtle changes to the way my blog posts display. I wasnted to decrease the size of the images and the heading text so I used this:

.blog .post {
width: 80%;
margin: 0 auto;
}

unfortunately that just shrinks everything and removes the padding in-between posts

I was also hoping to make all of the images the same aspect ratio

If there was a block of css which i could just play with the numbers to get my posts looking right i would greatly appreciate it!!

#2

my web page is www.growthwise.us

#3

Hello @laura3,

Thanks for writing in! Your css code is incorrect. Please use this instead:

.blog .entry-featured,
.archive .entry-featured {
    text-align: center;
}

.blog .entry-featured img,
.archive .entry-featured img {
    width: 50% !important;
    min-width: 80% !important;
    max-width: 50% !important;
    margin: 0 auto;
}

Please let us know if this works out for you.

#4

cool that seemed to solve the image width but is there a way to set the height as well? Also the post heading stays the same size and i would prefer it to be adjustable as well, is this possible? thank you so much!

#5

Hi @laura3,

The height will adjust according to the width proportionately. We cannot set fixed height because it will ruin the image display

For the heading, try this:

.blog h2.entry-title,
.archive h2.entry-title {
    font-size: 150%; /*Adjust this accordingly*/
}

Please check the following guide on how to inspect elements:

#6

Thank you so much!

#7

You’re welcome.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.