Jump to content

Changing Color Of "search For" And "advanced Search&qu


Guest z28melissa

Recommended Posts

Guest z28melissa

I just upgraded to v4 and am getting my colors changed around. The last thing I can't figure out is how to change "search for" and "advanced search" to white. See here:

http://www.battledrumwraps.com

I've played around with a few files in my skin folder but can't get it to change without it changing a bunch of other things. Any help would be appreciated :)

Also this is a fairly new site, so if anyone sees anything I should improve, please let me know!

Link to comment
Share on other sites

Guest z28melissa

I guess I'm not sure where I would even find the file containing the search box anyway, TO assign it a new class. If I find it, couldn't I just modify that one file and remove the style, just use good old html to change the color of the text?

Link to comment
Share on other sites

Guest z28melissa

yes I know I CAN change it, I just cannot figure out how. I've been playing around w/it for days and can't get those words to change to a different color without other things changing color.

Link to comment
Share on other sites

Guest madshears

yes I know I CAN change it, I just cannot figure out how. I've been playing around w/it for days and can't get those words to change to a different color without other things changing color.

Hi z28Melissa, this is what I did. I was facing the same thing, so I started playing. So far I have gotten the "search for" changed without modifying the rest. I will report the "advanced search" as soon as I get it

Go into your skins/skinname/styleSheets

Open the "styles.css" (i did in notepad built in windows)

find the following (about 1/4 of the way down)

}

.txtSession, .txtCopy, .txtSiteDocs {

	color: #333333;

}




I changed this to




}

 .txtCopy  {

	color: #333333;

}

.txtSession  {

	color: #f506a2;

}

 .txtSiteDocs {

	color: #333333;

}

This allows you to change the color of "Search For" without changing the other text.

If I can figure out the advanced search before someone else posts it, I will let you know on that too.

Take care, I hope this helps.

Link to comment
Share on other sites

Guest madshears

ok for the "advanced search"

find this line in skins/styleSheets/style.css

}

.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {

	color: #00ff00;

	text-decoration:none;

}




change to






.txtDefault {

	color: #333333;

	text-decoration:none;

}

a.txtDefault {

	color: #f506a2;

	text-decoration:none;

}

a.txtLink {

	color: #f506a2;

	text-decoration:none;

}

a.txtLocation {

	color: #ff0000;

	text-decoration:none;

}




PS...  the one "a.txtLink" is the one that changes the color of the Advanced Search text its' self.





For the hovering part of those links, find this line right below the one above


}

a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {

	color: #F505A2;

	text-decoration:none;

}


and change it to 


.txtDefault:hover {

	color: #ff0000;

	text-decoration:none;

}

a.txtDefault:hover {

	color: #ff0000;

	text-decoration:none;

}

a.txtLink:hover {

	color: #ff0000;

	text-decoration:none;

}

a.txtLocation:hover {

	color: #ff0000;

	text-decoration:none;



}

Playing with those should get you to what you want, or very close.

I did add one to the hover thing, which it seems necessary to get the liinks hovering agian. I don't know much about css, but I recon it's my timme to learn.

Hope this one works for you.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...