Adding A Border.
-
Site:
http://sacredterm.no-ip.org/testing/Ok, you see how on the outside is surrounded by a nice border. Well you see where the news article is, I would like to surround that black box with the same border. Can anyone help me do this?
I can post any of the code that you guys need.
-
Please let me know asap.
Anyone?
You mean the small burned blue border around the site, you want that around each news article?
Yes that is correct.
I think you would need to edit the css where it says .entry or .entry p (think it’s the first) then add the same sort of of code thats used for the border that is there now. It’s easy to add a css border, adding an image as a border takes a bit more work.
is that a free theme or one you made or paid?
well, you’ll have to play around with this a bit, adjust the width to fit the post area, might also need to adjust the image as it’s much wider than needed.
.entry {
margin:0 0;
padding: 0px 0px ;
background:url(images/casing.png) repeat-y;
float:left;
width:650px;
}This is just the background css put into the .entry.
Here is my css codes, can you show me what to change, sorry I am kinda new to this stuff.
Style.css/* Theme Name:gamerpress Description: A free premium wordpress theme from jinsona designs. Author: jinsona designs Author URI: www.web2feel.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, marquee { margin: 0px; padding: 0px; } body { margin:0 auto; padding:100px 0px 0px 0px; background:#010101 url(images/body.jpg) top center no-repeat; font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif; color:#161514; font-size:13px; } img { border:0; margin: 0 0; } a { color:#fff; text-decoration:none; outline:none; } a:hover { color:#bbb; text-decoration:none } h1, h2, h3, h4, h5, h6 { } blockquote { padding:10px 10px 10px 10px; color:#444; font-style: normal; } .clear { clear:both; } table{ margin: 10px 0 10px; } table td, table th{ text-align: left; padding: .4em .8em; } table th{ background: #ccc ; color: #444; text-transform: uppercase; font-weight: normal; } table td{ background: #e4e4e4; } table tr.even td{ background: #eee; } table tr:hover td{ background: #FFF9DF; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 5px 5px; margin: 0px 0px 10px 0px; display: inline; background:#fff; border: 1px solid #DDDDDD; } img.alignright { padding: 5px 5px; margin: 10px 0px 10px 10px; display: inline; background:#fff; border: 1px solid #DDDDDD; } img.alignleft { padding: 5px 5px; margin: 10px 10px 10px 0px; display: inline; background:#fff; border: 1px solid #DDDDDD; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 10px; } .alignleft { float: left; margin: 0px 10px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #ffffff; padding: 4px 0px 5px 0px; margin: 5px 5px ; } .wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; } /* The Outer cover */ #wrapper { width:1024px; margin:0 auto; } #casing { padding:0px 0px 10px 0px; background:url(images/casing.png) repeat-y; float:left; width:1024px; } /* The Header */ #top { height:126px; margin:auto; background:url(images/head.png) no-repeat ; width:1024px; position:relative; } .blogname { width:1024px; font-family:arial,Century gothic,Verdana,Tahoma,sans-serif; margin:10px 0 0 0px; height:60px; text-align:center; float:left; } .blogname h1 { font-size:36px; padding:0 0 0px 0; font-weight:normal; color:#66A7C5; } .blogname h1 a:link, .blogname h1 a:visited{ display:block; margin:10px 0 0 0px; } .blogname h1 a:hover { color: #00A5D7; } .blogname h2 { margin:0px 0px 0px 0px; font-size:12px; font-weight:normal; color: #fff; text-transform:uppercase; } /* The Search */ #search { width:195px; padding:2px 2px ; float:right; margin-right:0px; height:26px; margin-right:50px; display:inline; } #search form { margin: 0; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { width:160px; margin:0px 0px 0px 0px; padding: 4px 5px 5px 5px; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#fff; float:left; background:transparent; display:inline; } input#searchsubmit{ float:left; display:inline; margin:0px 0px 0px 0px; height:23px; width:23px; background:url(images/sbutton.png) no-repeat; color:#fff; border:none; } /* menu*/ #catmenucontainer{ height:36px; display:block; padding:0px 0 0px 0px; font: 12px Tahoma,Century gothic,verdana, sans-serif; font-weight:normal; } #catmenu{ margin: 0px; padding: 0px 0px; background:#252525 url(images/menu2.png) repeat-x; height:36px; } #catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited { color:#fff; display: block; margin: 0px; padding: 10px 10px 11px 10px; } #catmenu li a:hover, #catmenu li a:active { background:#fff url(images/menua.png) repeat-x; color: #000; margin: 0px; padding: 10px 10px 11px 10px; text-decoration: none; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:#6F4900 ; width: 150px; color:#111; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #BD8302; } #catmenu li li a:hover, #catmenu li li a:active { background:#8F6411; color: #fff; padding: 9px 10px 10px 10px; } #catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #catmenu li li { } #catmenu li ul a { width: 140px; } #catmenu li ul a:hover, #catmenu li ul a:active { } #catmenu li ul ul { margin: -34px 0 0 170px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul { left: -999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul { left: auto; } #catmenu li:hover, #catmenu li.sfhover1 { position: static; } /*Page menu*/ #foxmenucontainer{ height:36px; display:block; padding:0px 0 0px 0px; font: 12px Tahoma,Century gothic,verdana, sans-serif; font-weight:normal; text-transform:uppercase; background:url(images/catmen.png); } #menu{ margin: 0px; padding: 0px; width:1024px; height:36px; } #menu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #menu li { float: left; list-style: none; margin: 0px; padding: 0px; } #menu li a, #menu li a:link, #menu li a:visited { color:#FFFFFF; display:block; margin:0; padding:11px 10px; } #menu li a:hover, #menu li a:active { color: #fff; margin: 0px; padding: 11px 10px 11px 10px; text-decoration: none; } #menu li li a, #menu li li a:link, #menu li li a:visited { background:#242424; width: 150px; color:#f8bf10; font-weight: normal; float: none; margin: 0px; padding: 8px 10px 8px 10px; border-bottom: 1px solid #2e2e2e; } #menu li li a:hover, #menu li li a:active { background: #111; color: #fff; padding: 8px 10px 8px 10px; } #menu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #menu li li { } #menu li ul a { width: 140px; } #menu li ul a:hover, #menu li ul a:active { } #menu li ul ul { margin: -31px 0 0 170px; } #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto; } #menu li:hover, #menu li.sfhover { position: static; } /* Main Content*/ #content { float:left; width: 725px; height:100%; padding:15px 0px 0px 18px; display:inline; overflow:hidden; } .title{ margin: 0 0 0 0px; padding: 0px 0px 0px 0px; } .date { font-size:10px; font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif; padding:0px 5px 0px 0px; color:#fff; text-transform: uppercase; } .author{ color:#fff; padding:3px 5px 3px 5px; margin-left:10px; } .clock{ color:#fff; padding:3px 5px 3px 5px; margin-left:5px; } .single { width:700px; margin: 0px 5px 20px 0px; height:100%; color:#666; font: 13px Tahoma, century gothic,Arial,verdana, sans-serif; background:#060606 url(images/title.png) top repeat-x; padding:5px; } .single h2 { margin: 0px 0 0px 0; padding: 10px 0px 10px 10px; text-align: left; font: 24px Georgia,Arial,century gothic,verdana, sans-serif; font-weight:normal; overflow:hidden; } .single h2 a, .single h2 a:link, .single h2 a:visited { color:#fff; background-color: transparent; } .single h2 a:hover { color: #228fc4; background-color: transparent; } .comm{ color:#fff; padding:3px 5px 3px 5px; margin-left:5px; } .comm a:link, .comm a:visited { color:#fff; } .comm a:hover{ color:#fff; } .singleinfo { font:10px Tahoma, Georgia, Arial,century gothic,verdana, sans-serif; text-transform:uppercase; color:#fff; padding:5px 0px; } .category{ padding:5px 0 5px 5px; } .category a:link,.category a:visited{ color:#fff; } .category a:hover{ color:#fff; } .cover { margin:0 0; padding: 0px 10px ; } .entry { margin:0 0; padding: 0px 0px ; } .entry a:link, .entry a:visited { background-color: transparent; } .entry a:hover { color:#fff; background-color: transparent; text-decoration: none; } .entry ul, .entry ol{ margin: .4em 0 1em; line-height: 150%; } .entry ul li, .entry ol li{ list-style-position:outside; margin-left: 1.6em; } .entry p{ margin:5px 0px; padding:5px 0px; line-height:22px; } /* right column */ .right{ float:right; width:280px; padding:15px 0px 0px 0; display:inline; overflow:hidden; } /* The Sidebar */ .sidebox{ float:left; width:260px; padding-bottom:10px; font-size:12px; font-family:Tahoma,Century gothic, Arial, sans-serif; margin:10px 0px 0px 0px; color:#444; } .sidebox ul { list-style-type: none; margin: 0px; padding: 0px 5px 5px 5px ; background:#050505 ; } .sidebox li{ list-style-type: none; margin: 0 ; padding: 0; } .sidebox ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; background-repeat:no-repeat; } .sidebox ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebox ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebox ul li { height:100%; line-height:18px; clear: left; width: 250px; list-style-type: none; } .sidebox ul li a:link, .sidebox ul li a:visited { color:#fff; border-bottom:1px dotted #333; text-decoration: none; padding: 5px 0px 5px 5px; display:block; } .sidebox ul li a:hover { color: #00A5D7; } .sidebox p { padding: 7px 10px; margin:0; } .sidebox table { width:100%; text-align:center; color:#787d7f; } /*calendar*/ #wp-calendar{ width: 100%; padding: 0px 5px; } #calendar_wrap{ width:270px; background:#fff url(images/side.png) repeat-x; border:1px solid #ccc; margin:0px auto; } #wp-calendar caption{ padding: 10px 5px 5px 5px ; font-size:16px; color:#843400; font-weight:bold; font-family:Georgia,Century gothic, Arial, sans-serif; text-transform:uppercase; } #wp-calendar th, #wp-calendar td{ padding: 5px; text-align:center; color:#fff; background:#843400; } #wp-calendar td a{ padding: 0px; border:none; color:#843400; } #wp-calendar td{ background:transparent; border:none; color:#444; } #wp-calendar td, table#wp-calendar th{ padding: 2px 0; } /* --- FOOTER --- */ #footer { height:105px; padding:10px 0 0 0px; color:#DADADA; font-size:11px; font-weight:normal; letter-spacing:1px; font-family: Tahoma,georgia,Century gothic, Arial, sans-serif; float:left; width:100%; background:url(images/footer.png) no-repeat; } #footer a:link , #footer a:visited{ color:#00A5D7; } #footer a:hover { color:#fff; } .fleft{ float:left; text-align:left; margin-left:10px; margin-top:40px; line-height:16px; } .fright{ float:right; text-align:right; margin-right:10px; margin-top:40px; line-height:16px; } /* The Navigation */ #navigation{ margin:10px 0px 0px 0px; padding:0px 5px 10px 0px; width:700px; } /* The Attachment */ .contentCenter { text-align:center; } /* The Page Title */ h2.pagetitle { padding:10px 0px; font-size:20px; text-align:center; color:#fff; font-family:Arial, Georgia,Century gothic,Helvetica, sans-serif; } h2.pagetitle a { color:#507409; } #comment{ height:100%; padding:0px 0px 0px 0px; margin:0px 0px; width:710px; } #comnums h3{ padding:10px 0px; margin:10px 0px 10px 0px; font-size:26px; font-weight:normal; color:#888; font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif; } #respond{ height:100%; padding:0px 5px; margin:5px 0px 5px 5px; background:#060606 url(images/title.png) top repeat-x; } #respond h3{ padding:10px 10px 5px 10px; margin:5px 0px; font-size:22px; font-weight:normal; color:#555; font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif; } #commentform { padding:0px 10px 10px 10px; margin:0px 0px 0px 0px; color:#BFAFA7; font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif; } .cancel-comment-reply{ font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif; margin-left:10px; padding:0px 0px; } #commentform p { color:#777; padding:5px 0px; font-size:10px; } #commentform input { background:#1a94b7 url(images/field.png); border:1px solid #ccc; color:#ddd; padding-left:10px; } #commentform textarea { background:#1a94b7 url(images/field.png); border:1px solid #ddd; color:#ccc; width:95%; padding:5px 5px; } .comments input#submit { padding:2px 5px; background:#1a94b7 url(images/button.png) repeat-x; border:1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#fff; font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif; } ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } .comment-body{ margin-left:80px; padding:10px 10px; background:#060606 url(images/title.png) top repeat-x; } ol.commentlist li { margin:20px 0 20px 0px; padding:5px 0px 5px 0px; position:relative; } ol.commentlist li div.comment-author { padding:0 10px 0 0; color:#C00808; } ol.commentlist li div.vcard { font:10px Tahoma, helvetica,arial,sans-serif; text-transform:uppercase; color:#fff; position: absolute; top:5px; left:0px; height:100px; } ol.commentlist li span.says { display:none; } ol.commentlist li div.vcard cite.fn { font-style:normal; position: absolute; width:70px; text-align:center; background:#000; padding:2px 0px; top:75px; left:0px; } ol.commentlist li div.vcard cite.fn a:link { color:#fff; } ol.commentlist li div.vcard img.avatar { border:5px solid #000; margin:0px; padding: 0px; } ol.commentlist li div.comment-meta { display:none; } ol.commentlist li p { font:normal 12px Tahoma, helvetica,arial,sans-serif; margin:0 0 1em; line-height:22px; color:#666; padding:5px 5px; } ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li div.reply { font:10px Tahoma, helvetica,arial,sans-serif; text-transform:uppercase; padding:0px 0px; text-align:right; margin:0px 5px 5px 0px; } ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; padding:3px 10px; border:1px solid #ccc; background:#1a94b7 url(images/button.png) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 0px 90px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 90px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 0px 90px; } ol.commentlist li.even { } ol.commentlist li.odd { } ol.commentlist li.pingback div.vcard { padding:0 0px 0 0; color:#C00808; } ol.pinglist { list-style:none; margin:0; padding:0; text-indent:0; } ol.pinglist .comment-body{ margin:0px 0px; padding:10px 10px; background:#060606 url(images/title.png) top repeat-x; } ol.pinglist li { margin:10px 0 10px 0px; padding:10px 0px 10px 0px; position:relative; } ol.pinglist li div.vcard { font-weight:bold; color:#fff; } ol.pinglist li span.says { display:none; } ol.pinglist li div.vcard cite.fn { } ol.pinglist li div.vcard cite.fn a:link { color:#fff; } ol.pinglist li div.comment-meta { padding:5px 0px; } ol.pinglist li p { font:normal 12px Tahoma, helvetica,arial,sans-serif; margin:0 0 1em; line-height:18px; color:#464646; padding:5px 5px; } ol.pinglist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.pinglist li div.reply { display:none; } .widebanner{ height:60px; width:710px; margin-top:10px; padding:10px 0px; background:url(images/ad1.jpg) repeat-x; text-align:center; }Box.css
.title{ margin: 0 0 0 0px; padding: 0px 0px 0px 0px; } .boximage { height:30px; position:relative; width:auto; } .boximage img{ border:1px solid #fff; } .boxtitle { bottom:0; clear:both; left:1px; padding:10px; text-align:center; width:auto; } .boxtitle h2{ font-size: 16px ; } .boximage h2 a, .boximage h2 a:link, .boximage h2 a:visited { color:#fff; background-color: transparent; } .boximage h2 a:hover { color:#228fc4; background-color: transparent; } .box { background:#060606 none repeat scroll 0 0; color:#666666; float:left; font-family:Tahoma,century gothic,Arial,verdana,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:100%; line-height:normal; margin:10px 10px 5px 0; width:auto; } .boxcover{ padding:10px; } .boxinfo { background:transparent url(images/boxinf.png) no-repeat scroll 0 0; height:50px; overflow:hidden; position:relative; width: auto; } .boxmore{ float:left; width:200px; margin:5px 0px 5px 10px; display:inline; } .boxauthor{ float:left; width:200px; margin:10px 0px 5px 10px; color:#fff; display:inline; } .boxcoms{ top:12px; right:10px; font-size:40px; position:absolute; } .boxcoms a:link, .boxcoms a:hover,.boxcoms a:visited{ color:#fff; } .videopost{ margin-bottom:10px; } .videopost embed{ width:260px; height:200px; }Anyone?
I told you in the previous post what to change. search for .entry, thats where you need to add it. make a backup of yoru style.css file first though.
Make the change, see if the image appears behind it like you wanted, if it does, you’ll most likely need to mess with the css/image to fit it perfectly. I can’t tell you exactly what to add, just a general idea on how to do it, sorry I can’t be of more help.
I tried what you said and messed around with it and it makes the page go all distorted.
Anyone on that would be willing to help.
I am willing to pay for someone to help me.
Anyone interested in the job?
Hello?
Anyone on?
The topic ‘Adding A Border.’ is closed to new replies.