Posted 3 years ago #
Thanks for helping. http://www.your1stgarden.com/ If you go to my site you will see some very faint text and other text that is black.
I would love to make all the text very visible but haven't a clue how to do this. Please help this oh so newbie! Thank you so much.
Claudia
Posted 3 years ago #
are you talking about the dates?
Posted 3 years ago #
No actually all the text under Categories and Uncategorized and a few other text areas like the word Archive and Bookmark all faint!?
Thank you.
Posted 3 years ago #
ahh.. visited links colors...
this css element controls it:
a:visited{
color:#ccc;
text-decoration:none;
}
change color:#ccc to whatever color suites you. Find a html color chart on the web for the hex (preceded with #) colors you want. Or you can use standard colors such as black, blue, gray, white, ect... but I would recommend using the hex value...
Posted 3 years ago #
Thank you, drewactual. If I run into walls I'll be be back! Cheers!
Posted 3 years ago #
Okay, I am waaaaaay over my head here but still am determined!
I found the -
"a{color:#333;text-decoration:underline;" under DESIGN AND THEN UNDER STYLE SHEET.
But I have nooo idea what a "Find a html color chart on the web for the hex (preceded with #) colors you want." MEANS - OR where to find it. Are you willing to talk in baby steps: Step one click here etc. etc. if not - I understand! Thanks Claudia
Posted 3 years ago #
hehehehe...
all the colors you can stand... the 6 digit numbers will need to be preceded with a #... as in #cccccc, or #555ccc; so on...
yup.. check out the style.css in an editor. then open a browser with your page loaded.. (hopefully firefox)... then look at the declarations you find your text under (example: <h1>your text</h1>)- then find that declaration in your css... then change the color to what you want...
hit refresh and see it live.. keep going until to got them all.
Posted 3 years ago #
#left_sidebar h2,#right_sidebar h2 {font-size:1.3em;color:red;padding:10px 0 0 20px;border-bottom:1px solid #ddd;}
that controls your titles...in your sidebar that is...
Posted 3 years ago #
Drew - thank you I think. Let me try to understand what you just said and I'll get back. : - ) Claudia
Posted 3 years ago #
Drew, Okay!
1.Found the Stylesheet (style.css). 2.Found the a:visited{
color:#ccc;
text-decoration:none; But there aren't 6 digit numbers (is that because I have to add them?) There is only #ccc..........?
3.Do you see <h1>your text</h1>) ANYWHERE IN THIS STYLE SHEET BOX or is it me? Is it on the top, bottom right bottom? I don't see it! Thank you for your time a bunch. Claudia
/*
Theme Name: FleurdeLys
Theme URI: http://milo.peety-passion.com/themes/
Description: Three column fluid theme with header image rotator / header psd included.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/
Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.
*/
body{
font:75%/150% "Arial", Tahoma;
color:#333;
background:#fff;
margin:0;
padding:0;
}
p{
padding:0 0 15px;
margin:0;
}
a{
color:#333;
text-decoration:underline;
}
a:visited{
color:#ccc;
text-decoration:none;
}
a:hover{
color:#900;
text-decoration:none;
}
#navbar{background:transparent;width:70%;height:10px;margin:0;padding:0;text-align:left;}#navbar li{display:inline;list-style-type:none;margin:0;padding:0;}#navbar ul{margin:0;padding:0;}#navbar ul li a{font-family:Tahoma,Helvetica,Sans-Serif;font-size:12px;border-right:1px solid #333;color:#333;padding:0 5px 0 5px;margin:0;text-decoration:none;font-variant:small-caps;}#navbar ul li a:hover{color:#333;background:#ccc;}#page{clear:both;margin:0 auto 0;width:80%;background:#fff;padding:0;}
.header{
background-color:#fff;
width:100%;
height:250px;
margin:0;
padding:0;
text-align:left;
}
.header h1, .header h1 a{
margin: 40px 0 10px 15px;
text-decoration: none;
color:#5EA95E;
}
.one{float:left;width:170px;background:#fff url(images/01.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.two{float:left;width:170px;background:#fff url(images/02.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.three{float:left;width:170px;background:#fff url(images/03.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.four{float:left;width:170px;background:#fff url(images/04.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.five{float:left;width:170px;background:#fff url(images/05.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.six{float:left;width:170px;background:#fff url(images/06.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.seven{float:left;width:170px;background:#fff url(images/07.gif) top left no-repeat;height:200px;margin:10px 10px 0 10px;}
.col{float:left;width:23%;margin:10px 10px 0 10px;}
.col2{float:right;width:19%;margin:10px 5px 0 5px;}
.col3{float:left;width:60%;margin:10px 0px 0 0px;padding:0;overflow:hidden;}
.col4{float:right;width:16%;margin:10px 5px 0 5px;font:88%/150% "Arial", Tahoma;}
small{color:#ccc;float:right;}
h2{color:#333;margin:0 0 2px;border-bottom:1px solid #ccc;letter-spacing:-1px;font:normal 120%/100% "Arial",Tahoma;padding-bottom:3px;font-variant:small-caps;}
h2 a, h2 a:visited{color:#333;text-decoration:none;}
h2 a:hover{color:#900;background:333;text-decoration:none;}
h3{font:normal 140%/100% "Arial",Tahoma;color:#900;margin:10px 0 5px;}
h4{font:normal 130%/100% "Arial",Tahoma;color:#ccc;margin:10px 0 5px;}
form{margin:0;padding:0;}acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;}
blockquote,blockquote cite{margin:0 5px 0 0;padding:10px 10px 10px 10px;background:#ccc;color:#000; font-size:0.9em;border-left:8px double #333;}
blockquote cite{display:block;}
.col4 li a,#footer li a,.col4 a{display:block;color:#ccc;}
.col4 li a:hover,#footer li a:hover{color:#900;text-decoration:none;}
#searchform{background:transparent;width:70%;padding:5px 0 5 5px;float:left;}
#searchform #s{width:70%;height:18px;padding:2px 5px 0 5px;border:1px solid #333;background:transparent;vertical-align:middle;color:#333;}
#searchform #searchsubmit{background:url(images/search.gif) no-repeat;border:none;width:28px;height:18px;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;vertical-align:middle;cursor:pointer;}
#footer{clear:both;background:#fff url(images/bar.gif) top left repeat-x;border-bottom:4px solid #ccc;color:#333;font-size:95%;line-height:130%;width:100%;}
.footer_inside{width:80%;margin:0px auto 0px;}
#footer a,#footer a:visited{color:#333;text-decoration:none;}
.ul-roll{list-style:none;margin:0 0 15px;padding:0;font-size:115%;line-height:130%;font-weight:normal;}
.ul-roll li{margin:0;padding:2px 0 2px 20px;background:url(images/li.gif) no-repeat left center;}
#footer .ul-roll li a,.ul-roll li a,.ul-roll li a:visited{color:#000;text-decoration:none;}
#footer .ul-roll li a:visited a:hover,.ul-roll li a:visited a:hover{text-decoration:none;color:#900;}
#credits{margin:0px auto;width:70%;color:#ccc;font-size:85%;line-height:120%;height:30px;}
#credits a, #credit a:visited{color:#ccc;}
.rss{background:url(images/rss.gif) no-repeat left center;padding-left:18px;padding-bottom:2px;margin-left:8px;}
.center{text-align:center;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}
a img{border:0;}
a img:hover{border:0;opacity:1;}
.ff a img{border:.08em solid #ccc;padding:.077em;filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3;width:3.5em;height:3.5em;margin:0.077em .077em 0;}
.ff a:hover img{border:.08em solid #333;opacity:1;width:3.5em;height:3.5em;}
.col3 img{float:left;border:none;margin-right:10px;margin-bottom:10px;padding:0;max-width:100%;}
.clearfix:after{content:".";display:block;height:1%;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/ * html
.clearfix{height:1%;}.clearfix{display: block;}/* End hide from IE-mac */
.post-comments{background:url(images/com.gif) no-repeat left center;padding-left:20px;float:right;font-size:95%;}
#comments,#respond{border-bottom:3px solid #333;padding-bottom:5px;color:#333;}
.commentlist{margin:10px 0;padding-left:20px;line-height:130%;}
.commentlist li{padding:5px 10px;}
.commentlist .alt{background:#ccc;}
.commentlist cite,.commentlist cite a,.commentlist cite a:visited{font-weight:bold;font-style:normal;font-size:120%;color:#333;}
.commentlist small{margin-bottom:5px;display:block;font-size:87%;}
#commentform{margin-top:10px;font:110% Arial, Helvetica, sans-serif;color:#333;}
#commentform p{padding:6px 0;margin:0;}
#commentform label{color:#ccc;font-size:87%;}
#commentform input{width:80%;background:#fff;border:1px solid #333;padding:3px;margin-top:3px;}
#commentform textarea{width:80%;height:115px;background:#fff;border:1px solid #333;padding: 2px;margin-top:3px;color:#333;}
#commentform #submit{background:url(images/bg.gif) no-repeat;font:bold 12px Arial, Helvetica,sans-serif;color:#fff;border:none;float:right;width:144px;height:28px;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus{background:#fff;}
.post{clear:both;padding-top:10px;list-style:square;}
.post-date{width:45px;height:49px;float:left;}
.post-month{font-size:11px;text-transform:uppercase;color:#ccc;text-align:center;display:block;line-height:11px;padding-top:2px;margin-left:-3px;}
.post-day{font-size:21px;font-weight:bold;text-transform:uppercase;color:#ccc;text-align:center;display:block;line-height:21px;padding-top:7px;margin-left:-3px;}
.entry{float:right;width:90%;}
.post-cat{padding-left:20px;float:left;font-size:95%;color:#aaa;}
.post-comments{padding-left:20px;float:right;font-size:95%;}
.post-calendar{background: url(images/cal.gif) no-repeat left center;padding-left:20px;float:right;font-size:95%;color:#900;}
.post-content{clear:both;padding-top:10px;}
.navigation a,.navigation a:visited{color:#ccc;margin:10px 0 0 10px;}
#right_sidebar{width:17%;float:right;margin:0 10px 0 20px;overflow:hidden;}
#left_sidebar{width:14%;float:right;margin:0 10px 0 0;overflow:hidden;}
#left_sidebar h2,#right_sidebar h2{letter-spacing:-1.25px;font-size:2em;margin:0;}
#left_sidebar h2,#right_sidebar h2 {font-size:1.3em;color:#aaa;padding:10px 0 0 20px;border-bottom:1px solid #ddd;}
#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li{padding:5px 0 0 5px;margin:0;}
#right_sidebar li li,#left_sidebar li li{font-size:small;margin-left:10px;}
#right_sidebar li li ul li,#left_sidebar li li ul li{margin-left:0;background-image:url(images/arrow.png);background-position:left;background-repeat:no-repeat;padding-left:15px;}
#right_sidebar ul,#left_sidebar ul,#middle_sidebar ul{list-style-type:none;}
#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select{margin:0;padding:0;}
#right_sidebar a:hover,#left_sidebar a:hover{text-decoration:none;}
Posted 3 years ago #
1.Found the Stylesheet (style.css). that is it!
2.Found the a:visited{
color:#ccc;
text-decoration:none; But there aren't 6 digit numbers (is that because I have to add them?) There is only #ccc..........? yep- you select a color from that link I posted, and type in the 6 digits preceded with the # (example: #cccccc)
3.Do you see <h1>your text</h1>) ANYWHERE IN THIS STYLE SHEET BOX or is it me? Is it on the top, bottom right bottom? I don't see it! Thank you for your time a bunch. Claudia that was an example I give... not for real.. but this one is for real...
<div id="right_sidebar">
<ul>
<li><h2>Categories</h2></li>
</ul>how did I find that? I right clicked your page in a browser and peeked at your source code- which is the stuff your theme php's make- and it is a html document.. since you aren't adjusting your theme layout there is no concern with it EXCEPT what fields control what elements in terms of presentation... so in the above example, I know the word Categories is in a div # called right_sidebar, and in a ul and li and h2... so I gotta start with the parent and look and see which to change...
As it is, it is the declaration :
#left_sidebar h2,#right_sidebar h2 {font-size:1.3em;color:#aaa;padding:10px 0 0 20px;border-bottom:1px solid #ddd;}
because it is a h2 in the right_sidebar... the color assigned is #aaa, short for #aaaaaa... but anyway, if I wanted that to be red I could say:
#left_sidebar h2,#right_sidebar h2 {font-size:1.3em;color:red;padding:10px 0 0 20px;border-bottom:1px solid #ddd;}
see how that works? btw- I'm not yelling, I just wanted to differentiate my post from yours while responding...or maybe I am yelling, but not cause of anything except boredom... huh :-)
Posted 3 years ago #
Drew! Thank you for all your time and effort here. Most appreciated!
Have a sterling day. Claudia
This topic has been closed to new replies.
