Docs

[mattisb]

Hello,

I would like my left tabs to not have show a right border when active, so that there is a stronger visual connection between the selected tab and tab content. Just like what you’re showing in your demo here: http://demo.theme.co/icon-1/

How do I do that? I am using Icon theme

thanks!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[mattisb]

Thanks Christopher,

I have the site under construction plugin right now, so there is no public site for you to see. Basically, I have icon-6 demo content installed, but the tabs don’t exhibit the behavior that would like to see that icon-1 shows. It is better practice to remove the border that abuts the tab content on the selected tab. Make sense?

Thanks!

[Nico]

Hi There,

Add this in our Customizer > Custom > CSS:

.x-nav-tabs.left>.active>a, .x-nav-tabs.left>.active>a:hover {
    border-right: 1px solid #fff;
}

Let us know how it goes.

Thanks.

[mattisb]

Thanks Nico.

Unfortunately, I already tried that and nothing changes. Any other ideas?

What happens when, on smaller devices, the grid goes to a single column and the tabs get stacked vertically. Will the right border of the active tab still appear white, which would be weird.

If you give me your IP address I will open up an exception for you so that you can see the site.

Thanks

[mattisb]

Also, how do I change the cursor so that it changes to a pointer finger on hover over? That seems to be the more conventional way to handle clickable objects.

Thanks!

[Christopher]

Hi there,

Support staffs are from different location, unfortunately we can’t provide you with IP. If it’s possible please upload your site on a staging domain so we can better help you with this.

Thanks.

[Author]

Posts