Docs

[cmdev]

I’m using the tabs feature for a large part of my content.
I have the function correctly but cannot seem to make custom CSS changes show up on my site.

My link is here (most pages follow similar styling): http://beta.triflight.com/airport-guide/

I am trying to get my content to match the attachment.

Need the width of tab and styling (no backgrounds, tabs with white non-active states; blue-active states)

[Rupok]

Hi there,

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

.x-nav-tabs .x-nav-tabs-item {
  padding: 0;
}
.x-nav-tabs .x-nav-tabs-item > a {
  background-color: transparent;
  box-shadow: none;
  color: #002955;
  cursor: pointer;
}
.x-nav-tabs .x-nav-tabs-item a:hover, .x-nav-tabs > .x-nav-tabs-item.active > a, .x-nav-tabs > .x-nav-tabs-item.active > a:hover {
  background-color: #002955;
  box-shadow: none;
  color: #fff;
}

Hope this helps.

Cheers!

[Author]

Posts