How to change Title color and size?

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

I cant find even where to change color in my theme. I want to make bigger,change color, nodes and threads.
 

Attachments

  • xf1.png
    xf1.png
    31.2 KB · Views: 198
  • xf2.png
    xf2.png
    53.2 KB · Views: 232

dwinchester

New member
Registered
Joined
Aug 12, 2020
Messages
0
Points
38

Reputation:

Deleted

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

You mean this ?
Code:
color: red;
font-size: 13px;
text-shadow: 0 0px 3px red, 0 0 3px red;
font-weight: none;
background-image: url('https://i.imgur.com/Q5arH.gif');

View attachment 31543
dwinchesterNo bro I mean thread title. I cant find color change and how to make it bigger, its freaking annoying.
 
View previous replies…

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

Primary 4:
Basic Colors -> Link Color
Also known as @xf-linkColor, which is referred to mostly with a link involved - in this case thread names

Neutral 2:

Basic Colors -> Muted Text Color
This is also known as @xf-textColorMuted

try those and let me know
dwinchesterWOW THANKS! I tried everything with text,but ofc Link color is title , and doesnt have title or text in it. Anyway.
Do you know how to make bold and bigger thread title? I couldnt find thread title options too....
 

one_finger_man

Well-known member
Registered
Joined
Jan 20, 2022
Messages
419
Points
53

Reputation:

try this you can change things around

CSS:
/*** Change default FA node icon **/
.node.node--id2 {
    &.node--forum {
background: linear-gradient(to right, orange, #c4302b, white, orange);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: rainbow 20s ease infinite;
    animation: rainbow 20s ease infinite;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite;
    text-shadow: none;
        .node-icon i:before {
            .m-faBase();
            .m-faContent(@fa-var-bat);
        }
        &.node--read .node-icon i:before {
            opacity: 0.4;
        }
    }
}
/*****/
 

tofayelamin

Active member
Registered
Joined
May 24, 2020
Messages
38
Points
18

Reputation:

try this you can change things around

CSS:
/*** Change default FA node icon **/
.node.node--id2 {
    &.node--forum {
background: linear-gradient(to right, orange, #c4302b, white, orange);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: rainbow 20s ease infinite;
    animation: rainbow 20s ease infinite;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite;
    text-shadow: none;
        .node-icon i:before {
            .m-faBase();
            .m-faContent(@fa-var-bat);
        }
        &.node--read .node-icon i:before {
            opacity: 0.4;
        }
    }
}
/*****/
one_finger_manWhere insert the code?
 

tofayelamin

Active member
Registered
Joined
May 24, 2020
Messages
38
Points
18

Reputation:

try this you can change things around

CSS:
/*** Change default FA node icon **/
.node.node--id2 {
    &.node--forum {
background: linear-gradient(to right, orange, #c4302b, white, orange);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: rainbow 20s ease infinite;
    animation: rainbow 20s ease infinite;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite;
    text-shadow: none;
        .node-icon i:before {
            .m-faBase();
            .m-faContent(@fa-var-bat);
        }
        &.node--read .node-icon i:before {
            opacity: 0.4;
        }
    }
}
/*****/
one_finger_manDon’t Work
 

thomsa

Moderator
Staff member
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
Jun 22, 2019
Messages
1,167
Points
173

Reputation:

@tofayelamin try use this code add to extra.css
CSS:
.structItem-title {
font-size: 17px;              // change this size
font-weight: 400;
margin: 0;
padding: 0;
}
 

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

How to change top bar text colors and size? cant find it either. Like in enxf / forums/whats new/resources/members, this line.
 

thomsa

Moderator
Staff member
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
Jun 22, 2019
Messages
1,167
Points
173

Reputation:

View previous replies…

one_finger_man

Well-known member
Registered
Joined
Jan 20, 2022
Messages
419
Points
53

Reputation:

every code that a member gives u your saying they dont work where are you putting the codes and are you using the latest xenforo
 

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

So how do you make titles in forum BOLD? Or larger? My titles are freaking thin as worms

I want to change NODES, and everything else,like thread names
 

kainos

Active member
Registered
Joined
Dec 1, 2022
Messages
39
Points
18

Reputation:

Hello, I am kainos from Switzerland. This is color CSS username for Administrators - Red

background-image: url( color: transparent;
font-weight: bold;
text-shadow: 1px 1px 0 #FF0000, 1px 2px 0 #000000, 1px 1px 6px #8B0000, 1px 1px 9px #FF0000

I want know code for Moderators blue, like here in Forum
and orange for VIP Members too
 
Last edited:

kainos

Active member
Registered
Joined
Dec 1, 2022
Messages
39
Points
18

Reputation:

So, I am now V.I.P. Member. I want have Points and Reputation System like here. Where can I find it?
 

kainos

Active member
Registered
Joined
Dec 1, 2022
Messages
39
Points
18

Reputation:

I downloaded Easy User Ban, but Lift Ban doesn t appear by User Profil

 

jommytonny888

Well-known member
Registered
Joined
May 31, 2022
Messages
166
Points
28

Reputation:

Yo thanks for hijacking my thread but im here asking how to make thread size bigger and fatter. Typography does not have this option.
 
Top