Docs

[ldollard]

On the home page near the bottom where you have the Latest News Grid. I’m trying to bring the h5 headers in line with the top of the images, i basically need to take away the margin.

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title .h5{
margin-top: 0px;
}

I tried using the above css, but didn’t work, it seems to work within chrome inspector though.

Are you able to tell me the correct CSS to remove that margin? following message has the site login.

[ldollard]

This reply has been marked as private.

[ldollard]

additionally how do i make those thumbs smaller via css as well?

[Rupok]

Hi there,

Thanks for writing in! Your above code should be :

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h5 {
  margin-top: 0;
}

To decrease the thumb size, you can use this :

.vc_grid-item-zone-c-left .vc_gitem-zone-c, .vc_grid-item-zone-c-right .vc_gitem-animated-block {
  width: 40%;
}

.vc_grid-item-zone-c-right .vc_gitem-zone-c {
  width: 60%;
}

You can adjust the values with 30%/70% or other values if you need.

Cheers!

[ldollard]

Thats superb, i guess the . was throwing it off, nice to see i was close.

Thanks so much for your help.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts