Hello, everyone. I was wondering if someone could tell me how to make the posts have round frames around them in the Vertex Theme. Currently, the edges are white and I'm trying to change that and everything around it. I'm not too good at web developing right now (I only program small desktop apps) so all help is appreciated.



Thanks in advance,
Demonic722

I am unable to find what you are trying to round, could you please post a image or a relative url like "index.php?topic=290.0"

I'm trying to make this:

[spoiler][/spoiler]

look like this:
[spoiler][/spoiler]

I just want all of the posts to have some kind of ovalish border that stands out a bit.

Although I think this will look pretty bad. I understand it as adding the header styles around the whole chunk of the post.

You can not get the same exact effect since the header bars are using an image.

Demo: http://jsfiddle.net/MadLittleMods/xPJ4f/
Here are some styles that can mimic it:

Code: [Select]

border: 1px solid #073766;

background: rgb(26,98,145); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(26,98,145,1) 0%, rgba(7,57,105,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,98,145,1)), color-stop(100%,rgba(7,57,105,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6291', endColorstr='#073969',GradientType=0 ); /* IE6-9 */

-moz-box-shadow:    inset 0 0 3px #4392b7;
-webkit-box-shadow: inset 0 0 3px #4392b7;
box-shadow:         inset 0 0 3px #4392b7;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

In index.css add those styles to .post_wrapper.
Add this to .post_wrapper as well

Code: [Select]

padding: 14px 0;

Also add

Code: [Select]

#post_wrapper .topslice, #post_wrapper .botslice
{
display: none;
}


Thanks a lot man, I appreciate it. I should have been a little less vague in my post, though; I didn't want the color of the calendar box, just the border. This still puts me in the right direction so I'll play around with it a bit.