How to change color?

[BenForum]

how to change color of the following forum area

 

[kkm323]

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;

}

 

[BenForum]

thanks . can i get little more help from you

i want to change color of navbar

 

[kkm323]

Admin
---->appearance
-------->style properties
------------->Header and Navigation

 

[BenForum]

.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

as you can see background is still white

 

[kkm323]

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

View attachment 33874 as you can see background is still white

sorry your arrow pointed somewhere else edit


---->appearance
-------->style properties
------------->Building Blocks
------------------>Section Main

 

[BenForum]

thanks . also how do i change hover state color

 

[kkm323]

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

.navTabs .navTab.PopupClosed:hover
        {
            background-color: red !important;
        }

 

[BenForum]

for better understanding i want to change the hover state of logout button

 

[kkm323]

for better understanding i want to change the hover state of logout button

you have to write an independent class to do that.

 

[BenForum]

now that will put a pause on me as i don't know how to do that

 

[kkm323]

in "navigation_visitor_tab"
search this line

<li class="navTab PopupClosed"><a href="{xen:link logout}" class="navLink visitorTabItem OverlayTrigger">{xen:phrase log_out}</a></li>

replace to

    <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

.klogouthover:hover
        {
            background-color: black !important;
        }

 

[Morgain]

How do I change the colour of the link text on the main navbar tabs?

 

[M@rc]

How do I change the colour of the link text on the main navbar tabs?

Add the contents below in your EXTRA.css :

.navTabs .navTab.PopupClosed .navLink {
color: #000000;
}

Change the color to whatever you like.

 

[greenchicken]

How do I change the color where the red x is?

 

[Shelley]

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.

.navTabs .navTab.inbox .navLink {
color: red; }