-
Posts
-
A few things regarding TABS… and wp 4.1 update
1.How do I change the title font size for tab titles?
2. How do I change the color of each tab…. respectively? (Would like to be able to have different colors on different pages if possible).
I seem to have somehow got old code (found on comments) to work on tab color but it DOESN’T effect tabs when aligned on the side?? (left or right). Very strange…Is there separate code needed for this too?Here’s where I am at so far…
-
Tabs (on top)
with code in “quick css”…Can change color but cannot change font size. See example #1 url.
-
Tabs on left side
… Cannot change anything for this (Need Code) See example #2 url.
Another issue has popped up that is effecting a lot of things in your theme since upgrading to the new wp as well. Hopefully you have a quick fix for this as well. If you notice on the home page there seems to be a black line above the slider video with “Video Player” displayed on the left. Could really use help getting rid of this.
Another issue since upgrading is that when I try to edit any text block in any element, it seems to default to “Text” instead of the usual “Visual” tab. Very annoying. As well, if I happen to have a photo in there and go to edit it… it pops up some weird editor all across the whole screen??
Again, very annoying and needs to be fixed. This all has happened since I updated to 4.1 so do I now need to downgrade in order to fix these issues??
Appreciate your speedy response.Thanks
JoeHi collinssafety!
1. Add this to your custom CSS.
.tab_titles .tab { font-size: 15px !important; }2. Add this.
.tab_titles > .tab:nth-child(1) { background: none repeat scroll 0 0 blue !important; }The “1” refers to whichever tab you want to target. To do it separately on each page then drag a codeblock element to the page and add the code inside.
<style type = "text/css"> your css code goes here </style>3. Add this.
.mejs_offscreen { display: none !important; }Best regards,
ElliottThanks, I will try these. However, what do I do for the Tabs when there on the left or right?
Apparently I was told this requires different code.Thanks
I suspect this was to fix the video player issue… “.mejs_offscreen { display: none !important; }”… Didn’t work!
Or was this for something else?Hey!
Oops sorry, it should be this.
.mejs-offscreen { display: none !important; }The CSS for the tabs should work fine whether you are using the vertical or horizontal tab styles.
Regards,
ElliottHere’s the code I have…
#top .tabcontainer .active_tab {
background: #a81010;
color: #ffffff; – (CHANGING THIS DOES NOTHING… I NEED IT TO BE WHITE)
}.js_active .top_tab .tab {
border-color: #e1e1e1;
background: #fff;
color: #222222;
}When I add your code for text size into the mix (
.tab_titles .tab { font-size: 13px !important; }) it cancels everything else out??… NO COLOR.mejs-offscreen { display: none !important; } – This is the exact same code as before???
Yes the CSS is working on the left ones now.
Hey!
No, it’s not. If you look closely there is a dash instead of underscore.
Paste the full code your using here. If it’s canceling out your other CSS then you most likely have a typo somewhere.
Best regards,
ElliottI just need to get the font on the active tab to WHITE. I have it set for #ffffff but it doesn’t change?
Nothing I’ve tried seems to work. PLEASE HELP!This is the code currently in place…
.tab_titles .tab { font-size: 13px !important; }
#top .tabcontainer .active_tab {
font-size: 13px !important;
background: #222222;
color: #fff;
}
.js_active .top_tab .tab {
border-color: #e1e1e1;
background: #fff;
color: #222222;
}
- You must be logged in to reply to this topic.