Shop Mobile More Submit  Join Login

Details

Closed to new replies
November 17, 2012
Link

Statistics

Replies: 13

Help with journal skin

:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 17, 2012  Hobbyist Digital Artist
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
Reply

You can no longer comment on this thread as it was closed due to no activity for a month.

Devious Comments

:iconnamenotrequired:
namenotrequired Featured By Owner Nov 17, 2012  Student Interface Designer
Which journal skin?
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 17, 2012  Hobbyist Digital Artist
My doc ock one.
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Nov 17, 2012  Student Interface Designer
Link?
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 17, 2012  Hobbyist Digital Artist
Reply
:iconpakaku:
Pakaku Featured By Owner Nov 17, 2012
I'd strongly suggest using a better background
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 17, 2012  Hobbyist Digital Artist
I like this one. What's wrong with it?
Reply
:iconpakaku:
Pakaku Featured By Owner Nov 17, 2012
Using a photograph with a subject in it is distracting and a bad background choice?
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 18, 2012  Hobbyist Digital Artist
I like Doc Ock.
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Nov 17, 2012  Student Interface Designer
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
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 18, 2012  Hobbyist Digital Artist
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;
}"
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Nov 18, 2012  Student Interface Designer
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:
Reply
:icondrybonesreborn:
DryBonesReborn Featured By Owner Nov 18, 2012  Hobbyist Digital Artist
:dummy: Name this is co cool. It's all white? Does a mean 'all'? I wonder if I can make it dark red with the 'r'. OR would Ih ave to look for the the hexacode for it? :hug: thank you!
Reply
(1 Reply)
Add a Comment: