Docs

[JW & Co.]

Good afternoon,

If you scroll halfway down the home page of verobeachwebsitedesign.net you will find this section: http://prntscr.com/dey9vc.

Can you please tell me:
#1 How to reduce the space between the HR and the text in the tab content section below.

#2 When you click through the various tabs, the light blue section behind the element jumps up and down. Is there a way to prevent that from happening?

Thanks!

[Nico]

Hi There,

Thanks for writing in.

You could adjust the spacing by adjusting the padding of you tab class.

Add the customization below in your customizer > Custom > CSS:

.x-tab-content .x-tab-pane{
padding:4%;
}

or

.x-tab-content .x-tab-pane{
padding-top:1%;
}

2.

Please add this in your customizer > Custom > CSS:

.x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover{
box-shadow:none;
}

Let us know how it goes.

Thanks.

[JW & Co.]

Hello,

The second piece of code in #1 was a great success.

Unfortunately I applied the code provided for #2, but it doesn’t seem to be working.

Josh

[Paul R]

Hi Josh,

It seems to be working fine on my end.

See video – http://screencast.com/t/lMHDIsO7NiEY

Try to clear your browser cache and check again.

Thanks

[Author]

Posts