[yhshin1020Participant]

Hey,

I want to emulate soemthing like the four blocks that can be found below the slider on http://www.apple.com

How can this be done through Visual Composer? I checked apple’s html markup and it isnt a static image.

Would I have to upload an image or can i recreate something similar through css and html?

Thank you!

[yhshin1020Participant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for writing in!

If you want to achieve that columns layout, you can first enable Marginless Columns and disable Inner Container options under your Content Band settings.

Then you can select the layout of four columns, and it will give you a similar layout. Under each column, you can insert images or text as per your preference.

Thank you!

[yhshin1020Participant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

You can remove that spacing by selecting No Margin option under your Content Band settings.

Thank you!

[yhshin1020Participant]

Hey,

I’ve done that and the margin still exists.

Could you look into this?

Thanks.

[Rue NelModerator]

Hello There,

The margin is coming from your first content band. You may have nested it so please make sure that all the content bands doesn’t have margin. To better resolve this, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.home .x-img,
.home #x-content-band-1 {
    margin-bottom: 0;
}

body p:empty {
    display: none;
}

http://prntscr.com/ajr0t3

Hope this helps.

[Author]

Posts