<?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; Tag: adding text with css - Recent Posts</title>
		<link>http://en.forums.wordpress.com/tags/adding-text-with-css</link>
		<description>WordPress.com Forums &#187; Tag: adding text with css - Recent Posts</description>
		<language>en</language>
		<pubDate>Thu, 23 May 2013 18:18:41 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/tags/adding-text-with-css" rel="self" type="application/rss+xml" />

		<item>
			<title>designsimply on "Add text widget below slider in Showcase Template"</title>
			<link>http://en.forums.wordpress.com/topic/add-text-widget-below-slider-in-showcase-template#post-1051295</link>
			<pubDate>Thu, 25 Oct 2012 20:08:19 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1051295@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>Is there any way to add a headline above the text? In a heading font?</p></blockquote>
<p>Sure. You could use :before instead of :after. You would also want to use a different selector depending on exactly what text you want to place the headline before. Here are a few examples to get you started.</p>
<p>This will add large, bold text above the recent articles section:</p>
<pre><code>.home .section-title:before {
	content: &quot;Example Headline&quot;;
	font-weight: bold;
	font-size: 20px;
}</code></pre>
<p>This will add a headline before the recent articles articles section styled in the same way the recent articles heading appears. I did this by copying the CSS used for ".section-title h1" by the theme. I found the CSS by right-clicking the recent titles heading and selecting the "Inspect Element" option.</p>
<pre><code>.home .section-title:before {
	content: &quot;Example Headline&quot;;
	display: block;
	background: #F3F3F3;
	border-left: 10px solid #E9E9E9;
	color: #999;
	font-size: 1.3em;
	line-height: 1.7em;
	margin-bottom: 20px;
	padding: .25em .6em .3em .6em;
	text-transform: lowercase;
	width: 94.5%;
}</code></pre>
<p>You can try out these examples and adjust them until the heading looks good to you.
</p>
]]></description>
					</item>
		<item>
			<title>antiquityadmin on "Add text widget below slider in Showcase Template"</title>
			<link>http://en.forums.wordpress.com/topic/add-text-widget-below-slider-in-showcase-template#post-1042758</link>
			<pubDate>Wed, 17 Oct 2012 02:01:43 +0000</pubDate>
			<dc:creator>antiquityadmin</dc:creator>
			<guid isPermaLink="false">1042758@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thank you so much! It worked perfectly. Is there any way to add a headline above the text? In a heading font?
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Add text widget below slider in Showcase Template"</title>
			<link>http://en.forums.wordpress.com/topic/add-text-widget-below-slider-in-showcase-template#post-1042578</link>
			<pubDate>Tue, 16 Oct 2012 22:08:59 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">1042578@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>The simplest way to add plain text to that area would be to use the CSS content property. Here is an example you can start with:</p>
<pre><code>.home #content-wrap:after {
	content: &quot;Replace this with the tect you&#039;d like to add.&quot;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>antiquityadmin on "Add text widget below slider in Showcase Template"</title>
			<link>http://en.forums.wordpress.com/topic/add-text-widget-below-slider-in-showcase-template#post-1040099</link>
			<pubDate>Sun, 14 Oct 2012 18:40:26 +0000</pubDate>
			<dc:creator>antiquityadmin</dc:creator>
			<guid isPermaLink="false">1040099@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I'm using the Oxygen Theme. I've added CSS in order to remove Recent Articles and More Articles underneath the slider on my home page, but I'd like to be able to add some text below the slider. I'm using a static Showcase Template page as my home page. Can I add a widget area below the slider? Is this possible with CSS and if so, what is the code?</p>
<p>Thank you so much for your help!
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Change &quot;Anonymous&quot; username to something else"</title>
			<link>http://en.forums.wordpress.com/topic/change-anonymous-username-to-something-else#post-925024</link>
			<pubDate>Mon, 25 Jun 2012 23:55:21 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">925024@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I'm sorry I didn't look more closely earlier, but you won't be able to change either of those things using CSS only because of how the HTML for comments is  setup. There isn't a CSS class or ID that we can use to grab on to just the anonymous comments, so there isn't any way to target those using CSS in this case.</p>
<p>Hopefully the MonsterID option will workout for you instead!
</p>
]]></description>
					</item>
		<item>
			<title>bl0gm0nster on "Change &quot;Anonymous&quot; username to something else"</title>
			<link>http://en.forums.wordpress.com/topic/change-anonymous-username-to-something-else#post-924687</link>
			<pubDate>Mon, 25 Jun 2012 18:58:04 +0000</pubDate>
			<dc:creator>bl0gm0nster</dc:creator>
			<guid isPermaLink="false">924687@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I think the image defaults to:<br />
"http://gravatar.com/false"</p>
<p>I would like it to point to:<br />
"http://gravatar.com/anonamonster" instead.</p>
<p>Now just need to understand how to do it - the hard part. :)
</p>
]]></description>
					</item>
		<item>
			<title>bl0gm0nster on "Change &quot;Anonymous&quot; username to something else"</title>
			<link>http://en.forums.wordpress.com/topic/change-anonymous-username-to-something-else#post-924652</link>
			<pubDate>Mon, 25 Jun 2012 18:36:21 +0000</pubDate>
			<dc:creator>bl0gm0nster</dc:creator>
			<guid isPermaLink="false">924652@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>@designsimply,</p>
<p>First of all, thanks for the response.  The link you provided was very informative.  Unfortunately, it seems either too generic (or more likely) too advanced for my current level of css skill.</p>
<p>I was able to "inspect element" of the "anonymous" name via chrome.  Here's what I came up with:<br />
&#60;div class="author"&#62;Anonymous&#60;/div&#62;</p>
<p>I'm sure this is what I need to edit, change, or modify.  Your link may have helped a more html savvy person figure this out, but I'm still a bit lost.  Any more assistance in narrowing down how to change this element would be much appreciated.</p>
<p>The MonsterID is a great backup if I can't figure out to pick a specific icon for anonymous users.  There's got to be a way to insert an image though . . . once I figure out what specific element I'm trying to modify and how to change it the way I want.
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Change &quot;Anonymous&quot; username to something else"</title>
			<link>http://en.forums.wordpress.com/topic/change-anonymous-username-to-something-else#post-924463</link>
			<pubDate>Mon, 25 Jun 2012 15:41:17 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">924463@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<blockquote><p>Trying to change the username of all anonymous users to "Anonymonster" instead of "Anonymous."</p></blockquote>
<p>CSS has a property named "content" and you can combine it with psuedo elements to add text before or after existing text. Here is the documentation for how it works:<br />
<a href="http://www.w3.org/TR/CSS21/generate.html#content" rel="nofollow">http://www.w3.org/TR/CSS21/generate.html#content</a></p>
<blockquote><p>I would also be interested if it would be possible to set up a specific icon for those anonymous users.</p></blockquote>
<p>There is a built in option to change the default avatar to a generated version, and there's even one called MonsterID there. Would that work? To find it, go to Settings &#8594; Discussion &#8594; Avatars &#8594; Default Avatar.
</p>
]]></description>
					</item>
		<item>
			<title>bl0gm0nster on "Change &quot;Anonymous&quot; username to something else"</title>
			<link>http://en.forums.wordpress.com/topic/change-anonymous-username-to-something-else#post-919591</link>
			<pubDate>Wed, 20 Jun 2012 12:29:22 +0000</pubDate>
			<dc:creator>bl0gm0nster</dc:creator>
			<guid isPermaLink="false">919591@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Trying to change the username of all anonymous users to "Anonymonster" instead of "Anonymous."  I do have the CSS upgrade, but can not find the text to enter to change this setting.  (I'm using the Motion theme, btw)</p>
<p>I would also be interested if it would be possible to set up a specific icon for those anonymous users.</p>
<p>Any assistance would be greatly appreciated
</p>
]]></description>
					</item>

	</channel>
</rss>
