<?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: Add border around section of post</title>
		<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post</link>
		<description>WordPress.com Forums &#187; Topic: Add border around section of post</description>
		<language>en</language>
		<pubDate>Fri, 24 May 2013 22:44:48 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/add-border-around-section-of-post" rel="self" type="application/rss+xml" />

		<item>
			<title>themuffinmyth on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-928512</link>
			<pubDate>Fri, 29 Jun 2012 14:40:05 +0000</pubDate>
			<dc:creator>themuffinmyth</dc:creator>
			<guid isPermaLink="false">928512@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi again,</p>
<p>@thesacredpath:<br />
I have now been trying your solution for the date stamp, but for some reason it is not working. Whenever I enter a new font size or style, no change occurs when I preview. Any ideas what I may be doing wrong? I've copied your code exactly into the CSS. </p>
<p>I have also just customized the fonts, could this be a factor?
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-925797</link>
			<pubDate>Tue, 26 Jun 2012 20:17:33 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">925797@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Perfect, thanks so much!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-925095</link>
			<pubDate>Tue, 26 Jun 2012 02:15:23 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">925095@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I think this will get you going.</p>
<p>Day (number)</p>
<pre><code>.post-date strong {
    font-size: 4.9em;
    font-weight: normal;
    letter-spacing: -0.1em;
}</code></pre>
<p>Day (name)</p>
<pre><code>.post-date em {
font-size: 1.9em;
}</code></pre>
<p>M/Y</p>
<pre><code>.post-date span {
font-size: 1.1em;
font-variant: small-caps;
}</code></pre>
<p>General</p>
<pre><code>.post-date {
font-family: &quot;Adobe Garamond Pro&quot;,Garamond,Palatino,&quot;Palatino Linotype&quot;,Times,&quot;Times New Roman&quot;,Georgia,serif;
font-style: italic;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-924849</link>
			<pubDate>Mon, 25 Jun 2012 21:04:00 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">924849@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Yes, thank you thesacredpath for all these solutions - and the clear explanations.</p>
<p>Might I trouble you for one more?<br />
I'd like to modify the font and font size for the date stamp... how would that look? :)
</p>
]]></description>
					</item>
		<item>
			<title>zandyring on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923884</link>
			<pubDate>Sun, 24 Jun 2012 21:33:56 +0000</pubDate>
			<dc:creator>zandyring</dc:creator>
			<guid isPermaLink="false">923884@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>The solution that thesacredpath gives you is far superior to mine, for the exact reason he gives: you should really use the right features for the right thing, so by creating a recipe style, you accomplish that. Excellent work!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923870</link>
			<pubDate>Sun, 24 Jun 2012 21:09:27 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">923870@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Links in pages and posts would be these:</p>
<pre><code>.post-entry a {
color: #990000;
}

.post-entry a:hover {
color: #000000;
}</code></pre>
<p>Menu text would be these:</p>
<pre><code>#menu a {
color: #999999;
}

#menu a:hover {
color: #000000;
}</code></pre>
<p>Yes, once you purchase the upgrade, make sure that "add to existing..." is selected and then click save stylesheet and your changes and additions will override the existing stuff in the CSS.
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923849</link>
			<pubDate>Sun, 24 Jun 2012 20:46:52 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">923849@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Some more styling questions! </p>
<p>I would like to change the colour of the links within posts, and also the colour of the menu headers. Since I know so little about coding in general, I've just been trying to identify these bits and pieces within the original CSS, and then copying/pasting/modifying. But I'm having trouble locating these in particular, and I still find it a bit hard to write lines of code from scratch - can you help?</p>
<p>Have just been testing things out so far in the Design upgrade preview. Once I purchase the upgrade, if I just add in my changes, will they then just override the original styling?
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923163</link>
			<pubDate>Sat, 23 Jun 2012 22:41:22 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">923163@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You are welcome.
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923162</link>
			<pubDate>Sat, 23 Jun 2012 22:24:47 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">923162@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Ah, Hawaii! Sounds lovely. Thanks again and I'm sure I'll be posting more questions soon...
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923155</link>
			<pubDate>Sat, 23 Jun 2012 22:14:14 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">923155@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You are welcome, and I keep an eye on the CSS forums and help out when I can.</p>
<p>I live on Hawai'i Island, on the west side.
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923153</link>
			<pubDate>Sat, 23 Jun 2012 22:11:30 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">923153@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>That works perfectly, thank you so much! </p>
<p>I do have some other styling changes I'd like to try, and there's a very good chance I may need some additional help, so I will definitely post back here over the next few days. Would be super grateful if you could keep your eye on it, as you've been incredibly helpful :)</p>
<p>PS. In the middle of the Pacific.... curious where you are located?
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923020</link>
			<pubDate>Sat, 23 Jun 2012 18:41:48 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">923020@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Here is the CSS to add as a starting point:</p>
<pre><code>.recipe {
border: 2px solid #CC0000;
padding: 8px 10px 0 10px;
margin-bottom: 25px;
}</code></pre>
<p>You can edit the color and also the padding. The padding values are top, right, bottom, left.</p>
<p>After adding this to the CSS, you would add this at the beginning of the first line of the recipe in the HTML tab in the editor:</p>
<p><code>&lt;div class=&quot;recipe&quot;&gt;</code></p>
<p>and then add the closing div tag to the end of the last line:</p>
<p><code>&lt;/div&gt;</code></p>
<p>Any questions, or additional styling you want to do, or if you have a problem, just post back here and I'll keep an eye on this thread.
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-923000</link>
			<pubDate>Sat, 23 Jun 2012 18:21:31 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">923000@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Got it and I'll work on the CSS and such here in a few minutes.
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922963</link>
			<pubDate>Sat, 23 Jun 2012 17:46:26 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">922963@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi! Absolutely, here is a link:</p>
<p><a href="http://themuffintest4.wordpress.com/2012/05/25/mostly-whole-wheat-no-knead-pizza-dough/" rel="nofollow">http://themuffintest4.wordpress.com/2012/05/25/mostly-whole-wheat-no-knead-pizza-dough/</a></p>
<p>The recipe starts at the 3rd paragraph.</p>
<p>Thanks!!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922749</link>
			<pubDate>Sat, 23 Jun 2012 10:27:48 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">922749@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Can you give me a link to a post with a recipe on your site?
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922748</link>
			<pubDate>Sat, 23 Jun 2012 10:26:45 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">922748@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Certainly. If it is ok, I'm off to bed now as it is past midnight here in the middle of the Pacific. I'll work on that in the morning for you.
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922746</link>
			<pubDate>Sat, 23 Jun 2012 10:11:37 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">922746@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thanks for all the suggestions!</p>
<p>@sacredpath: I am planning to get the Custom Design Upgrade, so could you help me with the specifics of the CSS solution? The recipes tend to be quite long with multiple paragraphs, so would be great not to have to tinker with too much code everytime I post. Thanks!
</p>
]]></description>
					</item>
		<item>
			<title>sensuouscurmudgeon on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922442</link>
			<pubDate>Fri, 22 Jun 2012 22:01:17 +0000</pubDate>
			<dc:creator>sensuouscurmudgeon</dc:creator>
			<guid isPermaLink="false">922442@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You're right, sacredpath.  It's easier for single paragraphs.  In case someone without the CSS upgrade looks at this thread, the correct code is this:</p>
<p><code>&lt;div style=&quot;border:3px solid blue;padding:1em;&quot;&gt;&lt;p style=&quot;margin-top:5px;margin-bottom:5px;&quot;&gt;your text here&lt;/p&gt;&lt;/div&gt;</code>
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922417</link>
			<pubDate>Fri, 22 Jun 2012 21:45:00 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">922417@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>It would be better, since it appears they have the Custom Design Upgrade (they've posted in the CSS forum) to put it into the CSS and that way you don't have to do all the HTML in the post each time you want to use it.</p>
<p>Just my opinion, but yes you are right. You can carve it into the post HTML each time you add a recipe.</p>
<p>BTW, missing ending "p" tag in your example. Oh and also, if you have 10 paragraphs in your recipe, you have to add the opening p styling to each of those paragraphs individually. Far more work than a single class declaration in the opening div tag as I suggested.
</p>
]]></description>
					</item>
		<item>
			<title>sensuouscurmudgeon on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922390</link>
			<pubDate>Fri, 22 Jun 2012 21:21:59 +0000</pubDate>
			<dc:creator>sensuouscurmudgeon</dc:creator>
			<guid isPermaLink="false">922390@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You don't  need CSS, and you don't need to use blockquote.  The code for a border is this:</p>
<p><code>&lt;div style=&quot;border:3px solid blue;padding:1em;&quot;&gt;&lt;p style=&quot;margin-top:5px;margin-bottom:5px;&quot;&gt;your text here&lt;/div&gt;</code></p>
<p>You can tinker with the color of the border, its thickness, and even the style (it can be dotted, for example), and the padding (space between border and text).
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922354</link>
			<pubDate>Fri, 22 Jun 2012 20:54:46 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">922354@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thanks also for the blockquote suggestion - that's good to know too :)
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922350</link>
			<pubDate>Fri, 22 Jun 2012 20:53:08 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">922350@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi! If you could help me with the specifics of the div suggestion, that would be super!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922338</link>
			<pubDate>Fri, 22 Jun 2012 20:45:25 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">922338@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I'll mention that the blockquote rework would also work, but then if you wished to have a standard blockquote in a post or page, it would take on the styling of your recipe.</p>
<p>If you want to do the CSS and the div suggestion I gave, just let us know and we can help you with that.
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922317</link>
			<pubDate>Fri, 22 Jun 2012 20:32:44 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">922317@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>What you can do is to define a rule in the CSS that will style things as you wish and then enclose the recipe in a div and declare that class in the opening div tag like this:</p>
<p><code>&lt;div class=&quot;recipe&quot;&gt;All the recipe stuff here&lt;/div&gt;</code>
</p>
]]></description>
					</item>
		<item>
			<title>zandyring on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922310</link>
			<pubDate>Fri, 22 Jun 2012 20:26:01 +0000</pubDate>
			<dc:creator>zandyring</dc:creator>
			<guid isPermaLink="false">922310@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hi there,<br />
You may get better and stronger answers following mine, but perhaps an easy solution would be to use the "blockquote" feature. You could modify just that CSS to style how you would like to see the recipe (perhaps stripping out any other style it has now and replacing it just with "border: 1px solid blue;"<br />
It's a hack, more so than a solution, but it would be quick and easy.<br />
Good luck!<br />
-Z
</p>
]]></description>
					</item>
		<item>
			<title>thelittlestpollard on "Add border around section of post"</title>
			<link>http://en.forums.wordpress.com/topic/add-border-around-section-of-post#post-922282</link>
			<pubDate>Fri, 22 Jun 2012 20:12:04 +0000</pubDate>
			<dc:creator>thelittlestpollard</dc:creator>
			<guid isPermaLink="false">922282@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Hello,<br />
I'm working on a food blog where a section of each post contains a recipe. I would like to add a colored border around the recipe to help it stand out from the rest of the post. Just a simple 1-pixel blue border. Is this possible and if so, how? Would I need to insert this code every time I write a post? I'm working with the Chateau theme. Any help much appreciated! Thanks!
</p>
]]></description>
					</item>

	</channel>
</rss>
