Change color of item template tabs (Tab01, etc.)

More
10 years 1 week ago #46582 by chasc
Where is the best place to change the color of the top and bottom tabs in my item templates. I created a new item template called "apps". I want to change the "blue" and "darkred" mouseover colors of the tabs so there are more compatible with my website colors. I've looked in the different css files, but have not found colors for the tabs. Would someone please let me know where I can make the changes. Thank you!

Charlie :)

Please Log in or Create an account to join the conversation.

More
10 years 1 week ago #46583 by ggppdk
Hello

look at the CSS classes of the container of the FLEXIcontent item
Code:
<div id="flexicontent" class="flexicontent fcitems fcitem1 fctype2 fcmaincat21 menuitem518 group"> ... </div>

e.g.
Code:
<div id="flexicontent" class="flexicontent fcitems fcitem1 fctype2 fcmaincat21 menuitem518 group"> ... <ul class="tabbernav"> ... <li> <a title="TAB02" id="fc_subtitle_tabset_nav_2">TAB02 .. </div>

e.g.
to 2nd TAB of items having content type 2:
Code:
#flexicontent.fctype2 ul.tabbernav > li > a#fc_subtitle_tabset_nav_2 { color: red !important; }

similar for items with content type 2 and with main category 21:
Code:
#flexicontent.fctype2.fcmaincat21 ul.tabbernav > li > a#fc_subtitle_tabset_nav_2 { color: red !important; }


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
10 years 1 week ago #46589 by chasc
Thank you. Made the changes.

Please Log in or Create an account to join the conversation.

More
10 years 1 week ago #46590 by ggppdk
Hello

please take note of the classes of the top level container

they allow styling item view (and other views too) targeting a content type or category or specific item, etc

in other cases too

Regards


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.402 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline