Border rule around a content box

[suerama+ 2]

Hi, CSS Newbie here. I've put a gig press plugin events listing on this homepage. I put it in a content box, because I wanted to put a rule around it, essentially, putting into a box. But so far I haven't been successful. How can I put a box around it? I tried modifying some gig press table css and putting it into my custom css box like this:

	gigpress.css
	.gigpress-table {
		width: 100%;
		border: none;
		border-collapse: collapse;
		border-top: 1px solid #CCC;
	        border-left: 1px solid #CCC;
	
		margin: 0.5em 0 1em 0;
	}

but that didn't work. I saw in one discussion that it is possible to put a box around a content box. Can someone give me that code? Or should I put some variation of the code above into a "new style sheet called gigpress.css located in [my] active theme directory" as gigpress advises?

[Danny+ 1,327]

Hi Sue, I have viewed the website linked in your post and I don't see any ContentBox section. However, if you referring too the sidebar called Content, then try this code below and remove the gigpress code you added to your custom CSS. [code]#text-4 .widget-pad {border:1px solid #CCC;}[/code] Also, if you start to use Firebug or Google Chromes/Safari's developer tool it will make your life so much easier when you want to make changes or add CSS to your website. I also recommend you read this website, it has some great information on there. http://www.w3schools.com/css/

[suerama+ 2]

Thanks, Danny. That did it. I did actually look at Firefox and w3schools before commenting. I did not see #text-4. I'll go back and look to see if I can understand this all better.

[Danny+ 1,327]

Awesome, glad it worked for you. If you need assistance on how I used #text-4 reply here and I'll explain in more detail and provide an ss.