Interior Pro

[Derek]

Hi Guys,

I’m looking to tighten up two sections as the padding and the space between the heading and content below is too big.

Can you send me on some CSS that will tighten the two spaces up? They are Local Activities and Follow Us.

Website is http://knightsbrookbandb.ie/

Thanks

Derek

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#wrappfourth h2.section_title { margin-bottom:40px;}
.slider-main { min-height:540px;}

Regards,
Chris

[Derek]

Thanks Chris. Is there a way I can also tighten up the Follow Us footer section too?

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

h2.section_title { margin-bottom:30px;}

Regards,
Chris

[Derek]

Thanks Chris, can I reduce the padding on that section too?

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.home section, #footer-wrapper .footwrap { padding:30px 0;}

Regards,
Chris

[Derek]

Brilliant. Thanks Chris.

[Sonl Sinha]

🙂

[Derek]

Actually Chris, that is after bringing up the padding at the top of the first section?

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.slider-main {min-height: 550px;}

Regards,
Chris

[Derek]

That’s not really working Chris. Nothing changes when I add .slider-main {min-height: 550px;}

Also on mobile view it now shows a large loading white background on the homepage?

[Derek]

It’s fine Chris,The padding CSS changes the padding on all sections so I’ve removed .slider-main {min-height: 550px;} so now the mobile view is fine and I’ve changed the padding to 40px and it sits fine.

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.one_third { margin-top:-55px;}

Regards,
Chris

[Derek]

Thanks Chris. It is sitting well now. Thanks again

[Sonl Sinha]

🙂

[Author]

Posts