Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Aug 25, 2014 9:05:05 GMT 1
Thanks for this <i>pebble</i>, the only thing i can't seem to figure out is how to change the yellow border, i've edited css but no luck.
You did add the below to the bottom of your themes css, did you?
And this CSS goes in your themes style sheet and can be altered as you wish : /* Seperator styling */ #news .nav { background-position: center center; border-right: 1px yellow solid; } /* Message styling */ #news { background-color: #111111; border: 2px solid yellow; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font: 16px Verdana,Arial; height: 30px; margin: 0 auto 10px; padding: 8px 0 0; } /*Arrow colour */ #news .nav .arrow.right span { border-left-color: #888888; } #news .nav .arrow.left span { border-right-color: #888888; } /* link styling */ .items div div a { color: #FFee99; cursor: pointer; font: 100% Verdana,Arial; text-decoration: none; }
Changing the color in this line:
border: 2px solid yellow;
should change the border color.
|
|
Member Bio
Currently: Offline
Joined: July 2014
Gender: Male
Posts: 37
|
Post by T.C. on Aug 25, 2014 9:56:13 GMT 1
Thanks for this <i>pebble</i>, the only thing i can't seem to figure out is how to change the yellow border, i've edited css but no luck.
You did add the below to the bottom of your themes css, did you?
And this CSS goes in your themes style sheet and can be altered as you wish : /* Seperator styling */ #news .nav { background-position: center center; border-right: 1px yellow solid; } /* Message styling */ #news { background-color: #111111; border: 2px solid yellow; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font: 16px Verdana,Arial; height: 30px; margin: 0 auto 10px; padding: 8px 0 0; } /*Arrow colour */ #news .nav .arrow.right span { border-left-color: #888888; } #news .nav .arrow.left span { border-right-color: #888888; } /* link styling */ .items div div a { color: #FFee99; cursor: pointer; font: 100% Verdana,Arial; text-decoration: none; }
Changing the color in this line:
border: 2px solid yellow;
should change the border color.
I did that Rad, used the word and color code, unsuccessful!
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Aug 25, 2014 12:29:19 GMT 1
Seems you're right, T.C.,
From what I can see the css inside the plug-in overrides the added css in the style sheet! As soon as @<i>pebble</i>league gets back from his vacation I'll ask him about this issue.
|
|
IOD Supporter
Member Bio
Currently: Offline
Joined: March 2011
Gender: Male
Posts: 2,442
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/4VPN0K_NOTLnvUJjv0Dy.png
Badges
|
Post by <i>pebble</i> on Sept 4, 2014 15:39:17 GMT 1
Oooops! It seems I left the CSS in the plugin. I've updated the link in the first post so you can re-download from there and I've adjusted the CSS there too. Now, it should appear without any styling and then adding the CSS to each style sheet changing what you want , to fit your theme.
|
|