Frontpage Sections Team – Image Padding | WordPress.org

Resolved Stephen Burns
(@stephenjburns1)

5 years, 10 months ago

Hi,

I have just ammended my front page team images from 300px:200px to 300px:300px as the mobile version was showing a white band across the bottom third of the image.

Going square has remedied this for mobile but the web version images now looks too big and the content looks squashed.

Is there a way to introduce more padding around the images to boost the amount of white space and so improve the look and feel?

Thanks
Steve

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

Viewing 4 replies - 1 through 4 (of 4 total)

Vytis
(@bvytis)

5 years, 10 months ago
Hi @stephenjburns1,

If I understand correctly you want something like this: https://prnt.sc/tl07id

Then try placing this code to Appearance->Customize->Additional CSS section:
```
.card-plain .card-image img {
 padding: 10px;
}
```
I hope that helps!
Thread Starter Stephen Burns
(@stephenjburns1)

5 years, 10 months ago

Hi Vytis,

Thanks for that and when set to 15px the image size is perfect. One thing though .. is there a way to also reduce/remove the background white square behind each image so as to lose the white picture frame effect?

Thanks
Steve

Betty
(@betydbr)

5 years, 10 months ago

Hi @stephenjburns1,

You can set a background color similar to the background one to look better. Try adding the following property to the code above:

`background-color: #E5E5E9′

It should look like this: https://prntscr.com/tp5jcu. You can change the color with your desired one.

Thread Starter Stephen Burns
(@stephenjburns1)

5 years, 9 months ago

Thanks Betty

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Frontpage Sections Team – Image Padding’ is closed to new replies.

4 replies
3 participants
Last reply from: Stephen Burns
Last activity: 5 years, 9 months ago
Status: resolved