WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
Hi all,
Can someone tell me how I can find out the exact color (I think it is called the hexadecimal equivalent), in the red banner used in the Neo-Sapien theme.
At my site (www.lacrosseinsidethegame.com) I have uploaded a new logo, that currently has a white background. I'd like to make the backgroung the same color as the red banner in the theme.
I have upgraded to be ableto edit my CSS, but cannot seem to see the CSS to find out the exact color.
Thanks.
Please, anyone?
I've looked at the page source, and it is nasty :). I've copied a fair bit of it below (I'm assuming that the red color for the banner across the page would be in the top somewhere.
Anyone????
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Lacrosse - Inside The Game</title>
<meta name="generator" content="WordPress.com" />
<link rel="stylesheet" href="http://s.wordpress.com/wp-content/themes/pub/neo-sapien-05/style.css?m=1199764947" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Lacrosse - Inside The Game RSS Feed" href="http://lacrosseinsidethegame.wordpress.com/feed/" />
<link rel="pingback" href="http://lacrosseinsidethegame.wordpress.com/xmlrpc.php" />
<script type="text/javascript">
/* <![CDATA[ */
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() { oldonload(); func(); }
}
}
/* ]]> */
</script>
<link rel='stylesheet' href='http://s.wordpress.com/wp-content/themes/h4/global.css?m=1199764941' type='text/css' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://lacrosseinsidethegame.wordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://lacrosseinsidethegame.wordpress.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress/MU" />
<style type="text/css">
.quicklinks a img{background:transparent;border:0;padding:0}
.quicklinks a:hover{background:#2c77a4;color:#fff}
.quicklinks small a{display:inline}
.quicklinks ul{list-style:none;margin:0;padding:0;text-align:left}
.quicklinks ul li{float:left;margin:0;padding:0}
.quicklinks ul li.blogmeta{margin-top:0.5em}
#wpcombar{background:url('http://s.wordpress.com/i/wpcombar_bkg.png') #14568a no-repeat 50% 0;border-bottom:1px solid #3285ae;color:#fff;font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;height:27px;left:0;margin:0;position:absolute;top:0;width:100%}
#wpcombar .menupop a span{background:url('http://s.wordpress.com/i/bullet_arrow_down.gif') no-repeat 100% 0;padding-right:1.5em}
#wpcombar .menupop li{float:none;margin:0;padding:0}
#wpcombar .menupop ul{background:#14568a;border:1px solid #3285ae;border-width:0 1px 1px;left:-999em;position:absolute}
#wpcombar .quicklinks a,.blogmeta{border:none;color:#c3def1;display:block;font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;font-weight:normal;letter-spacing:normal;padding:0.5em 1em;text-decoration:none}
body {padding-top: 28px;}
</style>
You might try this -
http://iconico.com/colorpic/
it helps you to do what you're trying to do.
Hey, thanks, this I'm sure will do what I want to make my colors match.
If however, I wanted to change the red in the theme to another color, do you know where I would change it (or the syntax to do so)? This is what the Upgrade allows me to do does it not?
Thanks.
Change the red on your WordPress.com blog? If you have the CSS knowledge and the upgrade, yes, you can do that easily. But there's no hand-holding for learning CSS. The kind of support we supply for technical issues isn't available here for CSS, so learn it BEFORE buying the upgrade. We get a lot of people saying "I bought it, now how do I use it?" and they've just completely wasted their money.
@marksy
The black top band and the red is a 1px wide by 288px tall gif that is repeated across the top of the blog. To get rid of the red, or change it, you would have to create another gif image with the colors you wanted and with the same ratio of red to black. You would then have to upload it to wordpress, get the full URL and insert that into the "body section of CSS where it now says, url (images/bg_body.gif).
You can download the neo-sapien theme here http://www.wpdesigner.com/2006/06/19/neo-sapien-wordpress-theme-release-3/ and then go into the images folder and find the bg_body.gif file to use as a guide.
Thanks sacredpath, appreciate the help!
You're very welcome and happy blogging.
This topic has been closed to new replies.
