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
Add a Comment: