Video – Adding a blue border with rounded corners in WordPress Thesis Theme

by Tamal Anwar on September 14, 2010

This video features how to add a blue border around your wordpress thesis theme 1.8 page. CSS: Adding a css border around your wordpress thesis page will make a good design feature of your website. Now with some additional code you can also add a rounded corner option on your site. The best part of thesis theme is you can edit the code using custom file editor and the changes are safe.

.custom #page {display: none;}

.custom #content_box {
background: #FFFFFF;
border: 7px solid #0191C8;
margin: -7px;
margin-top: 0;

-moz-border-radius:7px;
-webkit-border-radius:7px;
}

You may also read:

Comments

comments

{ 4 comments… read them below or add one }

Greg September 20, 2010 at 8:10 pm

How do you undo it? I tried it with Thesis and it has jacked my site up

Reply

Greg September 20, 2010 at 8:10 pm

How do you undo it? I tried it with Thesis and it has jacked my site up

Reply

Claire Harbour July 19, 2011 at 5:02 pm

I’ve noticed a little error with the piece of code shown below:
.custom #page {display: none;}
This line of coding takes out the page and just leaves the background. So it makes it look like the coding / blog is corrupt. It’s not, it just that this line of code makes the page ‘disappear’

@6f7d03aa88929503f2c5a4c6f9f2be14:disqus  Just take the line .custom #page {display: none;} and remove it from your custom.css file

Great post Tamal :)

Thanks – Claire

Reply

hello July 31, 2011 at 11:35 pm

He wants to take the page out, so the footer and header are separate from it.

Reply

Leave a Comment

{ 2 trackbacks }

Previous post:

Next post: