How to change color?

in (node_list.css)
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
@property "primaryContent";
background-color: @contentBackground;
padding: 10px;
border-bottom: 1px solid @primaryLighterStill;
@property "/primaryContent";

padding: 0;
}

or add the following in extra.css

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
background-color: white !important;

}
 
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
background-color: white !important;

}

this only changes main area not the background how do i change it

Capture.webp as you can see background is still white
 
if you are talking about selected tabs edit this:
---->appearance
-------->style properties
------------->Header and Navigation
------------------>Selected Tab (edit background)

if you want to edit the hover state
place this code with your color in extra.css

Code:
.navTabs .navTab.PopupClosed:hover
        {
            background-color: red !important;
        }
 
in "navigation_visitor_tab"
search this line
Code:
<li class="navTab PopupClosed"><a href="{xen:link logout}" class="navLink visitorTabItem OverlayTrigger">{xen:phrase log_out}</a></li>
replace to
Code:
    <li class="navTab PopupClosed"><a href="{xen:link logout}" class="klogouthover navLink visitorTabItem OverlayTrigger">{xen:phrase log_out}</a></li>

then add this in extra.css

Code:
.klogouthover:hover
        {
            background-color: black !important;
        }
 
How do I change the color where the red x is?


Unsure whether you wanted to change all the text in the navbar, visitortabs or just the inbox link. I'm assuming you want to change the colour of the inbox text which you can do by pasting the following in EXTRA.CSS templatechanging the colour to your preference.

Code:
.navTabs .navTab.inbox .navLink {
color: red; }
 
Top Bottom