XF 1.4 Apply this CSS to all nodes

[mauzao9]

Heya, i customized the Thread / Forum / Pages titles into one box:

But the thing is, the css i own requires it to manually add the .nodeX .titlebar to every node i want to costumize:

.node3 .titleBar {
CSS content
.node3 .titleBar h1 {
color: #EAEAEA; text-shadow: 0 1px 3px #1E1E1E;}

The question is, what should i target with title bar, so all title bars on all forums get this visual?
Thanks!

 

[Russ]

Just:

.titleBar
{
css
}

You may need an !important after each item, for the h1 title or page description there's properties for it:

Style Properties -> General

 

[mauzao9]

Thanks for reply @Russ the thing is i already have one use of .titlebar on css, i used the .node .titlebar over it for give a separate the title visual of forums/threads and normal page titles. There isn't another way? Like if i try to mention several nodes on the css, it simply breaks it.

 

[Russ]

Thanks for reply @Russ the thing is i already have one use of .titlebar on css, i used the .node .titlebar over it for give a separate the title visual of forums/threads and normal page titles. There isn't another way? Like if i try to mention several nodes on the css, it simply breaks it.

I mean I guess I'd have to see which nodes you'd want to customize. If you want a single page such as... Help to have a unique color but all your nodes the same color, then I'd color .titleBar to the main color you want all your nodes, then style it special for help.

Another thing you can select by category, each node when viewing it also has it's parent class:

Main Section (node1)
- News (node2 node1)
- Feedback (node3 node1)

So anytime you're inside Feedback, it should have the node1 class from it's parent. I hope that didn't confuse you like it did me after typing it

 

[mauzao9]

@Russ i think this did it,
.node3 .titleBar,
.node55 .titleBar,
.node67 .titleBar,
.node12 .titleBar,
.node17 .titleBar,
.node4 .titleBar {

Mentioned all of the main category ids, doing with the category node will make the same for everything inside, including threads!

 

[mauzao9]

This is the last thing i'm lacking knowledge to poke one, the description, need to hide it because it doesn't fit on the box.

 

[Russ]

You can adjust the padding Style Properties -> General -> Page Description

Maybe remove any top padding/margin and add a little bottom margin.

May need to reduce the bottom margin on your custom titleBarh1 as well.

 

[mauzao9]

Hmm, can i just hide the description with some css / template edit? It would still work on mouse-hover i guess, because this boxy style looks so pretty that text just doesn't feel right there.