Help with journal skin

DryBonesReborn's avatar
DryBonesReborn
I'm not sure what code is showing the title of the journal that never seems to show. I want to make it brighter for the top, rather than the faded green color that's hard to read. I have no idea what it's called to adjust it. I don't know CSS sadly. Any help please? Thanks
Comments14
Join the community to add your comment. Already a deviant? Log In
namenotrequired's avatar
namenotrequired
Which journal skin?
DryBonesReborn's avatar
DryBonesReborn
My doc ock one.
namenotrequired's avatar
namenotrequired
Link?
DryBonesReborn's avatar
DryBonesReborn
Pakaku's avatar
Pakaku
I'd strongly suggest using a better background
DryBonesReborn's avatar
DryBonesReborn
I like this one. What's wrong with it?
Pakaku's avatar
Pakaku
Using a photograph with a subject in it is distracting and a bad background choice?
View all replies
namenotrequired's avatar
namenotrequired
I see, thanks :)

Looking at the source code, I think it gets its color from dA's default style for links, so the CSS says nothing about it apparently.
You would apply any changes in the CSS for the title to the h2 a selector. For example;
h2 a {
color: #FFFFFF;
}

Now that would make it white, but replace #FFFFFF by some other HEX code to make it the colour you want :nod: If you're not sure what they are I recommend doing some research into HEX codes :D
DryBonesReborn's avatar
DryBonesReborn
I'm not seeing

"h2 a {
color: #FFFFFF;
}"



But "i.tri {
display:none;
}

h2 img {
display:none;
}

h2 {
font-size:28px;
font-family:Palatino;
color:#ffffff;
}

.gr-top {
border-color:#e6ede4;
}

.gr-body {
border-color:#e6ede4;
background:#000000 url([link]) no-repeat top left;
color: #FFFFFF;
padding-bottom:30px;
}

.text {
padding:15px 30px 15px 30px;
}

.gr-body a {
color:#ffffff;
text-decoration:none;
}

.gr-body a:hover {
color:#ffffff;
text-decoration:underline;
}

i.gr2 {
border-color:#e6ede4;
background:#000000;
}

i.gr3 {
border-color:#e6ede4;
background:#000000;
}

.gr-top div.gr {
text-align:center;
}

div.gr-box div.gr-body div.gr {
border-top-color:transparent;
}

.gr-top div.gr {
background:#262626;
border-left:none;
border-right:none;
color:#a2a6a5;
padding-bottom:8px;
padding:0px 0px 8px 0px;
}

.gr2 i {
background:#262626;
}

.gr1 {
background:#e6ede4;
}

.gr3 i {
border:2px solid #262626;
background:#262626;
}

.f {
background:#262626;
color:f0f0f2;
padding-top:2px;
padding-bottom:2px;
}

.f .a {
background:#333333;
color:f0f0f2!important;
padding-top:2px;
padding-bottom:2px;
}

ul {
border-top:1px solid #e6ede4;
border-bottom:1px solid #e6ede4;
margin-bottom:20px;
margin-top:-2px;
}

a.commentslink {
border:1px solid #e6ede4;
padding:5px;
background:#333333;
position:absolute;
bottom:10px;
left:30px;
text-decoration:none;
color:cdcdcd;
}


a.prevlink {
border:1px solid #e6ede4;
padding:5px;
background:#333333;
position:absolute;
bottom:10px;
right:30px;
text-decoration:none;
color:cdcdcd;
}

a.commentslink:hover {
border:1px solid #e6ede4;
padding:5px;
background:#454545;
position:absolute;
bottom:10px;
left:30px;
text-decoration:none;
color:cdcdcd;
}


a.prevlink:hover {
border:1px solid #e6ede4;
padding:5px;
background:#454545;
position:absolute;
bottom:10px;
right:30px;
text-decoration:none;
color:cdcdcd;
}

.hsep {
display:none;
}"
namenotrequired's avatar
namenotrequired
Yeah, my suggestion was to add that rather than to look for it in the existing code. But I see now :nod:

Where it says
h2 {
font-size:28px;
font-familyalatino;
color:#ffffff;
}

replace h2 by h2 a and see what happens :la:
View all replies