<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1-alpha-2539" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
		>
	<channel>
		<title>WordPress.com Forums &#187; Topic: Oxygen Primary Menu Colors and Uppercase</title>
		<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2</link>
		<description>WordPress.com Forums &#187; Topic: Oxygen Primary Menu Colors and Uppercase</description>
		<language>en</language>
		<pubDate>Sat, 18 May 2013 18:44:24 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/oxygen-primary-menu-colors-and-uppercase-2" rel="self" type="application/rss+xml" />

		<item>
			<title>designsimply on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1106542</link>
			<pubDate>Sat, 29 Dec 2012 18:59:56 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1106542@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>Can I change the type in this menu to Uppercase letters?</p></blockquote>
<p>You can use the text-transform CSS property to change fonts to uppercase. See <a href="http://www.w3.org/wiki/CSS/Properties/text-transform" rel="nofollow">http://www.w3.org/wiki/CSS/Properties/text-transform</a></p>
<p>Here is an example of using it for the main menu of the Oxygen theme:</p>
<pre><code>.main-navigation ul li a {
	text-transform: uppercase;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>designsimply on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1106541</link>
			<pubDate>Sat, 29 Dec 2012 18:55:44 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1106541@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>These pieces from the tabs example above adjusts the font colors in the Oxygen menu:</p>
<pre><code>.main-navigation ul li a {
   color:#000;
}
.main-navigation ul li a:hover {
   color:#fff;
}
.main-navigation ul li a.active,
.main-navigation ul li a.active:hover {
   color:#fff;
}</code></pre>
<p>You can change out the color codes to adjust it.<br />
<a href="http://0to255.com/" rel="nofollow">http://0to255.com/</a>
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1106539</link>
			<pubDate>Sat, 29 Dec 2012 18:53:56 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1106539@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>put the menu in tabs?</p></blockquote>
<p>For this one, I would recommend searching for a tutorial until you find one you like and then adjusting the CSS selectors until you get the effect you want. I searched and found one possible example:<br />
<a href="http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support" rel="nofollow">http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support</a></p>
<p>Their example menu uses an ID "#centeredmenu" for the base menu selector, but the Oxygen theme uses a class ".main-navigation" so you can just swap that out to make it work:</p>
<pre><code>.main-navigation {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
}
.main-navigation ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.main-navigation ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.main-navigation ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
.main-navigation ul li a:hover {
   background:#369;
   color:#fff;
}
.main-navigation ul li a.active,
.main-navigation ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}</code></pre>
<p>You can also adjust all of the colors and spacing values in the example if you'd like.<br />
<a href="http://0to255.com/" rel="nofollow">http://0to255.com/</a>
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1106534</link>
			<pubDate>Sat, 29 Dec 2012 18:46:20 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1106534@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>At the top Primary menu bar- is there a way to give the menu a background color? </p></blockquote>
<p>Here is an example showing how to change the background color and add padding to the the main menu in the Oxygen theme:</p>
<pre><code>.main-navigation {
	background: #f7fd67;
}

.main-navigation ul {
	padding: .8em 0 0 1.5em;
}</code></pre>
<p>You can pick a different color code and change the padding numbers to adjust how it looks.<br />
<a href="http://0to255.com/" rel="nofollow">http://0to255.com/</a>
</p>
]]></description>
					</item>
		<item>
			<title>valuearchitecture on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1094370</link>
			<pubDate>Thu, 13 Dec 2012 19:54:57 +0000</pubDate>
			<dc:creator>valuearchitecture</dc:creator>
			<guid isPermaLink="false">1094370@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I would also like to know how to change the uppercase letters on the menu bar...<br />
Also check out the website, still a work in progress.<br />
<a href="https://valuearchitect.wordpress.com/" rel="nofollow">https://valuearchitect.wordpress.com/</a>
</p>
]]></description>
					</item>
		<item>
			<title>otiumdesignandfineart on "Oxygen Primary Menu Colors and Uppercase"</title>
			<link>http://en.forums.wordpress.com/topic/oxygen-primary-menu-colors-and-uppercase-2#post-1092869</link>
			<pubDate>Wed, 12 Dec 2012 06:29:54 +0000</pubDate>
			<dc:creator>otiumdesignandfineart</dc:creator>
			<guid isPermaLink="false">1092869@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi there,</p>
<p>I am new to WP, and am using the Oxygen theme to set up a site. I need some help with a few things and would appreciate your help in any way!</p>
<p>1. At the top Primary menu bar- is there a way to give the menu a background color? put the menu in tabs? and change the font color?</p>
<p>2. Can I change the type in this menu to Uppercase letters?</p>
<p>Thank you very much for your help.</p>
<p>The blog I need help with is otiumdesignandfineart.com.
</p>
]]></description>
					</item>

	</channel>
</rss>
