Docs

[MaddyJones]

Hi,

Please can you help me reduce the padding around the text under each of the single dress images on this homepage.

Also please can you share how I adjust the image height so it all aligns?

Thanks
Maddy

[MaddyJones]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You are adding both the image and text manually so you can control this. You can use the class mts or mtn for the h3 using the Class field. You will find these helpers classes here – https://community.theme.co/kb/css-class-index/

You can set a max-height (i.e. max-height: 400px;) for the images using the Style field.

Hope this helps.

Cheers!

[MaddyJones]

Hi,

Thanks for these pointers. I’ve managed to get the max-height changed for the images, but I’m not sure how to do the CSS for h3 tags. Please can you share what I need to put in?

Many thanks!

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home #x-content-band-5 .x-column.x-sm.vc.x-1-3 h3,
.home #x-content-band-6 .x-column.x-sm.vc.x-1-3 h3 {
    margin: 15px 0;
}

.home #x-content-band-5 .x-column.x-sm.vc.x-1-3 .x-img,
.home #x-content-band-6 .x-column.x-sm.vc.x-1-3 .x-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

Hope it helps 🙂

[MaddyJones]

Hi, thanks so much for your help here! The images still aren’t aligning quite right so I have adjusted the max width and max height on a couple of the individual images but I think there may be something else I’m missing. Can you take another look?
Many thanks

[Friech]

Hi There,

The gap between the image and its name is kind of big. You can add a class mtn and mbm to those names (headlines)

e.g.
<h3 style="text-align: center;" class="mbm mtn"><a href="http://fross.business-shine.co.uk/designer-wedding-dresses/mori-lee-wedding-dresses/">Mori Lee</a></h3>

Hope it helps, Cheers!

[Author]

Posts