<?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: Changing colours in Splendio theme</title>
		<link>http://en.forums.wordpress.com/topic/changing-colours-in-splendio-theme</link>
		<description>WordPress.com Forums &#187; Topic: Changing colours in Splendio theme</description>
		<language>en</language>
		<pubDate>Wed, 22 May 2013 03:32:34 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/changing-colours-in-splendio-theme" rel="self" type="application/rss+xml" />

		<item>
			<title>rachelmcr on "Changing colours in Splendio theme"</title>
			<link>http://en.forums.wordpress.com/topic/changing-colours-in-splendio-theme#post-1134674</link>
			<pubDate>Sat, 26 Jan 2013 11:52:08 +0000</pubDate>
			<dc:creator>rachelmcr</dc:creator>
			<guid isPermaLink="false">1134674@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>#header-auxiliary {<br />
background: none;<br />
}</p>
<p>removes the slight fading on the top two boxes (which I want to keep, I just wish to change the orange).</p></blockquote>
<p>The problem is that the slight fading is an image, so you can't change the color of the orange fading using CSS. You can leave it as-is if it doesn't bother you or create a new image and replace the file if you'd like. This is the image: <a href="http://s0.wp.com/wp-content/themes/pub/splendio/images/header-right-bkg.png" rel="nofollow">http://s0.wp.com/wp-content/themes/pub/splendio/images/header-right-bkg.png</a></p>
<blockquote><p>.syndicate {<br />
background: lightblue;<br />
}</p>
<p>didn't seem to do anything?!</p></blockquote>
<p>Oops, I used the wrong selector. Try this:</p>
<p><code>#header-auxiliary .syndicate {&lt;br /&gt;
background: #8cd600;&lt;br /&gt;
}</code></p>
<p>This won't change the orange of the social media icons, though. Those are controlled by this code:</p>
<p><code>#header-auxiliary .syndicate li a.facebook-link {&lt;br /&gt;
    background: url(&quot;images/syn-facebook-ico.png&quot;) no-repeat scroll left top transparent;&lt;br /&gt;
}</code><br />
<code>#header-auxiliary .syndicate li a.twitter-link {&lt;br /&gt;
    background: url(&quot;images/syn-twitter-ico.png&quot;) no-repeat scroll left top transparent;&lt;br /&gt;
}</code>
</p>
]]></description>
					</item>
		<item>
			<title>tobyelliottuk on "Changing colours in Splendio theme"</title>
			<link>http://en.forums.wordpress.com/topic/changing-colours-in-splendio-theme#post-1134667</link>
			<pubDate>Sat, 26 Jan 2013 11:22:45 +0000</pubDate>
			<dc:creator>tobyelliottuk</dc:creator>
			<guid isPermaLink="false">1134667@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thanks expattranslator, people are very quick to help on this forum and it is much appreciated :-) The sidebar boxes look much better. </p>
<p>However, the top 2 bits of code don't seem to do exactly what I'm after...</p>
<p><strong>#header-auxiliary {<br />
background: none;<br />
}</strong></p>
<p>removes the slight fading on the top two boxes (which I want to keep, I just wish to change the orange).</p>
<p><strong>.syndicate {<br />
background: lightblue;<br />
}</strong></p>
<p>didn't seem to do anything?!</p>
<p>I was hoping to change the orange to green (#8cd600).</p>
<p>Many thanks in advance for all help,</p>
<p>Toby
</p>
]]></description>
					</item>
		<item>
			<title>rachelmcr on "Changing colours in Splendio theme"</title>
			<link>http://en.forums.wordpress.com/topic/changing-colours-in-splendio-theme#post-1134427</link>
			<pubDate>Sat, 26 Jan 2013 00:17:35 +0000</pubDate>
			<dc:creator>rachelmcr</dc:creator>
			<guid isPermaLink="false">1134427@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You will want to make these changes:</p>
<p><code>#header-auxiliary {&lt;br /&gt;
background: none;&lt;br /&gt;
}</code></p>
<p>(There is a background image in this theme that includes part of the orange background.)</p>
<p><code>.syndicate {&lt;br /&gt;
background: lightblue;&lt;br /&gt;
}</code></p>
<p>The sidebar boxes can be controlled with this code:</p>
<p><code>.widget {&lt;br /&gt;
background: lightblue;&lt;br /&gt;
}</code></p>
<p>The background of the title bar can be changed with this code:</p>
<p><code>.widget-title {&lt;br /&gt;
background: darkblue;&lt;br /&gt;
}</code></p>
<p>I hope that helps!
</p>
]]></description>
					</item>
		<item>
			<title>tobyelliottuk on "Changing colours in Splendio theme"</title>
			<link>http://en.forums.wordpress.com/topic/changing-colours-in-splendio-theme#post-1133877</link>
			<pubDate>Fri, 25 Jan 2013 16:58:43 +0000</pubDate>
			<dc:creator>tobyelliottuk</dc:creator>
			<guid isPermaLink="false">1133877@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi all,</p>
<p>I am building a website in splendio theme. Currently at the top of the page there is a social media box in orange. How can I change the colour of this (to either light sky blue or light green)? [I can find an html colour if need be]</p>
<p>Also, how do I change the colours of the boxes in the right sidebar?</p>
<p>I have custom design enabled on the website.</p>
<p>Many thanks,</p>
<p>Toby
</p>
]]></description>
					</item>

	</channel>
</rss>
