Header Help!

distractedstudent · Member · Mar 4, 2014 at 10:59 am
Copy link

Add topic to favorites
I’m a newbie with very little knowledge of CSS and have an image in my mind of how I want my blog to look but can’t find the CSS for it.
I want my menu and page to look like this blog …
http://tailtrails.org/
and am using the same theme and have bought custom upgrade. Would anyone be able to write some CSS to achieve a similar look?

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Mar 5, 2014 at 3:34 pm
Copy link
Welcome to WordPress.com!

You might like this tutorial that explains how to find CSS:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

Would anyone be able to write some CSS to achieve a similar look?

What we can do here is help with small CSS updates, but we are not a design service. If you start getting into very time-consuming requests or if you’re not interested in learning how CSS works and just want someone to do it for you, then we may advise you to hire a designer.

So as not to copy the other site exactly, here’s some CSS that will get you started that makes some similar changes:
```
#access {
	border: none;
	background: #f8f8f8;
	margin-left:0;
	margin-right:0
}
#access ul {
	float: none;
	text-align: left;
}
#access a {
	font-size: 18px;
	text-transform: uppercase;
	color: pink;
	letter-spacing: 1px;
}
#page #access li:hover > a {
	color: #888;
	background: inherit;
}
```
Adjust the color names and codes as needed.

I also see that http://tailtrails.org/ has some cool social media links in their menu. I would recommend adding those as text first, and then if you want to change them to icons we can help you with that too. Looks neat! Start with adding them into a custom menu first:
http://en.support.wordpress.com/menus/

Since you’re just getting started with CSS, you might like this tutorial as a starting point:
http://www.htmldog.com/guides/cssbeginner/

No items found.