( Theme Oriental ) adding borders to post and sidebar boxes

  • Resolved raisthlin

    (@raisthlin)


    15 years, 11 months ago

    https://thailande.raisthlin.ca/
    Theme: Oriental

    Hi all,

    heres a simple question. It is not enterely theme related because i think the way to achieve it is similar for all theme…anyway

    i would like all my post to have a border..like a table. How can i achieve this ?

    i tried adding a border code in

    #content
    #singlepost
    #contenttinner
    #sidebar

    and a few more but i just cant get it to work. I did manage to do it in other themes by adding the same or similar strings in the CSS file but for some reasons it doesnt work with oriental. maybe im doing something wrong ??

    any one as a clue ? please

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try putting the border on

    #content .post { border: ..... }

    Thread Starter raisthlin

    (@raisthlin)

    heres the style CSS code. Maybe some1 could points me in the right direction. Everything i tried didnt work. I thinking about adding borders on all single codes and see what happens by deleting them one at a time but it would be sooo annoying!

    /* Layout */
body {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: Arial, Verdana, Sans-Serif;
	background: #fab728 url(images/bk.jpg) left top repeat-x;
	color: #000;
}

/* Default */
a {
	color: #3b6065;
}

a:hover {
	color: #841700;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: .9em;
}

h5 {
	font-size: .8em;
}

h6 {
	font-size: .7em;
}

blockquote {
	padding: 0 0.5em;
	border-left: 5px solid #f0e8a7;
	margin: 0;
	background-color: #f8f8e2;
}

img.alignleft {
	float: left;
	margin: 0 .8em .8em 0;
}

img.alignright {
	float: right;
	margin: 0 0 .8em .8em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

a img {
	padding: 5px;
	border: 1px solid #ccc;
}

form {
	padding: 0;
	margin: 0;
}

/* Layout */
#container {
	background: url(images/orientalBk.jpg) right top no-repeat;
	width: 980px;
	margin: 0 auto;
}

#header {
	height: 123px;
}

#header h1 {
	padding: 25px 0 0 53px;
	margin: 0;
	color: #faf6bb;
	font-family: Garamond, Georgia, serif;
	font-size: 2em;
}

#header h1 a,
#header h1 a:hover {
	text-decoration: none;
	color: #faf6bb;
}

#header .description {
	padding: 0 0 0 53px;
	color: #c46816;
	font-family: Garamond, Georgia, serif;
	font-size: 1.3em;
}

#page {
	padding: 0 53px;
	background: url(images/leftFlare.jpg) left 87px no-repeat;
}

#pageinner {
	position: relative;
	margin: 13px 0 0 0;
	background: url(images/pageInnerBk.gif) right top repeat-y;
}

#navcontainer ul {
	background: url(images/headerBarBk.png) repeat;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
}

* html #navcontainer ul {
	background: #972f07 url(images/headerBarBkForIE6.jpg) no-repeat;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li#first a,
#navcontainer ul li#first a:hover {
	cursor: default;
	background-image: none;
	text-decoration: none;
}

#navcontainer ul li a {
	color: #faf6bb;
	margin: 5px 0 0 0;
	padding: 4px 14px 8px 12px;
	text-decoration: none;
	background: url(images/headerBarLiBk.gif) right 3px no-repeat;
	float: left;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}

#navcontainer ul li.current_page_item a,
#navcontainer ul li.current_page_ancestor a {
	background: url(images/searchBarBk.gif) repeat-x;
	color: #841700;
	padding: 4px 12px 8px 12px;
	margin-left: -2px;
	font-family: Garamond, Georgia, serif;
	font-weight: bold;
}

#navcontainer ul li.current_page_item a:hover,
#navcontainer ul li.current_page_ancestor a:hover {
	text-decoration: none;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}

#searchBar {
	clear: left;
	background: url(images/searchBarBk.gif) repeat-x;
	text-align: right;
}

#searchform {
	padding: 5px;
}

#s {
	border: 1px solid #bbb;
}

#searchsubmit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

#sidebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	margin: 0;
	color: #011631;
}

#sidebar a {
	color: #736f44;
}

#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar ul li {
	background-color: #fefef6;
	margin: 0 0 13px 0;
	font-size: 0.85em;
}

#sidebar ul li h2 {
	margin: 0;
	background: url(images/yellowBarBk.gif) repeat-x;
	color: #3a3a3a;
	font-family: Garamond, Georgia, serif;
	font-size: 1.3em;
	padding: 3px 3px 3px 10px;
}

#sidebar ul li p,
#sidebar ul li div {
	padding: 5px 10px 10px 10px;
	margin: 0;
}

#sidebar ul li table {
	padding-bottom: 5px;
}

#sidebar ul li table caption {
	padding: 5px 0 0 0;
}

#sidebar ul li ul {
	padding: 0.3em 0;
}

#sidebar ul li ul ul,
#sidebar ul li ul ul ul,
#sidebar ul li ul ul ul ul,
#sidebar ul li ul ul ul ul ul {
	padding: 0;
}

#sidebar ul li ul li {
	font-size: 1em;
	padding: 0.2em 1em 0.2em 0;
	margin: 0 0 0 1em;
}

#sidebar ul li ul li li,
#sidebar ul li ul li li li,
#sidebar ul li ul li li li li,
#sidebar ul li ul li li li li li {
	margin: 0 0 0 1em;
}

#sidebar ul li ul li a {
	text-decoration: none;
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}
#sidebar ul li ul#themeswitcher li a,
#sidebar ul li ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}
#sidebar ul li ul#themeswitcher li,
#sidebar ul li ul li.recentcomments {
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}

#sidebar ul li ul li a:hover {
	color: #863f09;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar td#today {
	font-weight: bold;
}

h2.pagetitle {
	background: #fefef6 url(images/yellowBarBk.gif) repeat-x;
	margin: 0;
	color: #3a3a3a;
	font-family: Garamond, Georgia, serif;
	padding: 3px 3px 3px 10px;
}

#content {
	margin: 0 0 0 213px;
	padding: 0;
}

#contentinner {
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}

/* Post */
.post h2.posttitle {
	padding: 0;
	margin: 0;
	float: right;
	font-size: 1.2em;
}

.post h2.posttitle a,
.post h2.posttitle a:hover {
	text-decoration: none;
	color: #8e1901;
}

/* make your own sticky post styling */
.sticky {
}

small.postmetadata {
	font-size: 0.85em;
}

ul.postmetadata {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.85em;
}

ul li.tags {
	float: left;
}

ul li.comments {
	text-align: right;
}

div.divider {
	background: url(images/divider.gif) center center repeat-x;
	height: 47px;
	margin: 1em 0;
}

div.navigation {
	text-align: center;
	font-family: Garamond, Georgia, serif;
	padding: 0 0 2em 0;
}

div.commentnavigation {
	padding: 0;
}

#singlepost {
	background: url(images/commentBk.gif) center bottom repeat-x;
	padding: 10px 10px 49px 10px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#commentwrapper {
	background: #dfd797 url(images/commentBottomBk.gif) center bottom repeat-x;
	padding: 0 15px 49px 15px;
}

#commentwrapper h2 {
	margin: 0;
	padding: 0.5em 0;
}

/* Comment */
h2.commentheading {
	font-size: 1.2em;
	color: #fefef6;
	font-family: Garamond, Georgia, serif;
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #3a3a3a;
}

ol.commentlist a {
	text-decoration: none;
}

img.avatar {
	border: 3px solid #fefef6;
	margin: 0 0.5em;
}

ol.commentlist li.commentind {
	padding: 0 0 2em 0;
	margin: 0;
}

ol.commentlist li.depth-1 {
	border-bottom: 3px double #fefef6;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
}

ul.children {
	list-style: none;
}

ol.commentlist ul.children li.commentind {
	padding: 1em 0 0 0;
}

ol.commentlist li.commentind cite {
	font-style: normal;
}

p.commentsedit {
	font-size: 0.9em;
	margin: 0 0 0 0.5em;
}

.commentindheader {
	border-bottom: 1px dotted #fefef6;
}

.commentindheader img.avatar {
	float: left;
}

ol.commentlist li.legacyAlt .commentindheader {
	text-align: right;
}

ol.commentlist li.legacyAlt .commentindheader img.avatar {
	float: right;
}

ol.commentlist li.legacyAlt p.commentsedit {
	text-align: right;
	margin: 0 0.5em 0 0;
}

/* Comment form */
form#commentform input,
form#commentform textarea {
	border: 1px solid #bbb;
}

input#author,
input#email,
input#url {
	width: 60%;
}

textarea#comment {
	width: 90%;
}

input#submit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

#footer {
	clear: both;
	background: url(images/footerBk.gif) 60px top no-repeat;
	height: 108px;
	margin: 0 53px;
	font-family: Garamond, Georgia, serif;
	text-align: right;
	font-size: 1em;
	color: #a66117;
}

#footer p {
	margin: 0;
	padding: 0.9em;
	line-height: 1.5em;
}

#footer a {
	color: #a66117;
}

#footer a:hover {
	color: #cf7819;
}

div#recaptcha_widget_div {
	float: right;
}

/* WordPress required */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

h3.subpages {
	padding: 1em 0 0.5em 0;
	margin: 0;
}

ul.subpages {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	list-style: square;
}

/* Formatting */
fieldset {
	border: 1px solid #ccc;
	padding: 0 1em;
	margin: 0;
}

legend {
	color: #999;
	font-size: 1.1em;
	font-weight: bold;
}

hr {
	border: 0;
	color: #cfc887;
	background-color: #cfc887;
}

pre, code {
	width: 100%;
	overflow: auto;
	font-size: 1em;
}

.post table {
	width: 100%;
	border: 1px solid #ccc;
	border-top: 0;
	border-collapse: collapse;
}

.post table th,
.post table td {
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: .3em .5em;
}

.post table th {
	text-align: left;
	border-bottom: 2px solid #ccc;
}

p.loggedinAs {
	margin: 0;
	padding: 0;
}

a#cancel-comment-reply-link {
	display: block;
	margin-bottom: 1em;
}
    Thread Starter raisthlin

    (@raisthlin)

    resolved. i used the .widget code to add a border

    can you tell us how you did it?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘( Theme Oriental ) adding borders to post and sidebar boxes’ is closed to new replies.