[yhshin1020Participant]

Hey,

For the resources page, could anyone help me align the text to be directly under the icon, as well as reduce the vertical white space between the icon and the heading for each icon?

I also want to add some button with text next to it, under each icon.

Also, is there a way to make the page non-full width without a container?

Thanks!

[yhshin1020Participant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Thanks for writing in. You can add this under Custom > CSS in the Customizer.

.page-id-59 #x-content-band-3 .vc_icon_element {
    margin-bottom: 0;
}

.page-id-59 #x-content-band-3 .x-column p {
    margin-top: -15px;
}

Hope this helps.

[yhshin1020Participant]

Hey,

I changed the page format to one with a container and made it transparent.

I’ve put in your code but nothing has changed.

How do i decrease the space between the icon and the heading under it as well as the white empty void between the header and the resources?

thanks

[JadeModerator]

Hi there,

Plese try this code instead:

.page-id-159 #x-content-band-3 h2.h-custom-headline p {
    margin-bottom: 0;
}

Hope this helps.

[yhshin1020Participant]

Hey,

This worked great.

Thanks!

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[Author]

Posts