@danina84
You will need to add this to your CSS to remove the dotted outline:
a {
outline: 0;
}
For your other question, can you please post a link to your site?
This code didn’t work…
Unfortunately I cannot post a link but you can see in the picture, the tab titles are the same color as regular links on the website. I want them the same as the paragraph color.
Hey, try this for the title color:
.nav-tabs>li>a {
color: #fff;
}
And this for the title hover color:
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
color: #fff;
}
And this should remove the dotted border:
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
border: none;
}
Hope that helps!
Hannah
Hi Hannah,
thank you,the first two codes did the job! I just inserted the right color. But unfortunately the dotted outlines are still visible when clicking…
Oh, also, how can I move the list in the tab a bit to the right? It’s starting outside of the tab:
https://www.dropbox.com/s/p23a6lnqv69iod2/Tab.PNG?dl=0
Hey,
The dash outline is caused by some browsers like firefox, you can remove with this css:
a:focus {
outline: none;
}
As for your list, in the tab, hard to know what your doing without a link but try this css:
.tab-pane ul {
list-style-position: inside;
}
Kadence Themes
Hey,
thanks, the dotted outline is gone. As for the tab, the code didn’t work, but what I origianlly tried to do was to use the page builder and put a regulat text widget in one column. Then I created a tab with HTML and put a list in the tab. Then I put the tab in the text widget – it worked but like you can see the list is too far to the left…
If you can post a link I can confirm css, without a link I can’t.
Kadence Themes