url hyperlink forum

[origami]

helloworld,
i want to know how i can change link url color on my forum, i not found.
vbulletin 5.1.9 only

where i add in additionnel.css???

look at this screen 1 :


look at this screen 2 :

[origami]

anyone?
please where i find it, i would change url color link
because i already done and it 's not working

/* change link color in article and preview */
.vbcms_content .postcontainer a {color:green;};

or
/* hyperllink color
.postcontent a {
color: #3333CC;
}


help me

[napy8gen]

Styles & Themes> Style Manager> Style name > Style Variable Editor> Global> body_link_color

[origami]

i already do it

it don t succes on additionnel.css

edit: i want use it, see :
/*setup*/

* {
margin: 0;
padding: 0;
}

#container {
width: 500px;
margin: auto;
}
/*neeeeoooon*/

p {
text-align: center;
font-size: 7em;
margin: 20px 0 20px 0;
}

a {
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

p:nth-child(3) a {
color: #FFDD1B;
font-family: Pacifico;
}

p:nth-child(3) a:hover {
-webkit-animation: neon3 1.5s ease-in-out infinite alternate;
-moz-animation: neon3 1.5s ease-in-out infinite alternate;
animation: neon3 1.5s ease-in-out infinite alternate;
}

p a:hover {
color: #ffffff;
}
/*glow for webkit*/

@-webkit-keyframes neon3 {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
}
to {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
}
}


/*glow*/

@keyframes neon3 {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
}
to {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
}
}


/*REEEEEEEEEEESPONSIVE*/

@media (max-width: 650px) {
#container {
width: 100%;
}
p {
font-size: 3.5em;
}
}

[origami]

up anyone?

[josueinaki]

Hello, go to your CSS_GLOBAL and search for this

.widget-tabs.ui-tabs .ui-widget-content a

you found something like this

.widget-tabs.ui-tabs .ui-widget-content a,
.widget-tabs.ui-tabs .ui-widget-content a:active,
.widget-tabs.ui-tabs .ui-widget-content a:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a,
.sb-dialog.ui-dialog-content.ui-widget-content a:active,
.sb-dialog.ui-dialog-content.ui-widget-content a:visited {
color: {vb:stylevar body_link_color}; << change for the color like #67435;
text-decoration: {vb:stylevar body_link_decoration};

that is for visited links if you search the same again you have this:

.widget-tabs.ui-tabs .ui-widget-content a:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a:hover {
color: {vb:stylevar body_link_color_hover}; <<<<< this is what you want
text-decoration: {vb:stylevar body_link_decoration_hover};

[origami]

thanks you

j'ai trouv? ?a tout seul c'est bon
i found it alone, it 's good

i am already add in aditionnel.css, it s good