1
slicendice
how to remove borders from a block
  • 2010/3/1 19:10

  • slicendice

  • Just popping in

  • Posts: 27

  • Since: 2009/4/24


Hi, does anyone know how to remove borders around a block (central, left, right?) in the default theme? I have 2.3.3 xoops.

I have done the 2 things below but neither have made the borders around the blocks disappear.

1) I've set the variable "padding" to 0px in Theme_blockcenter_l.html; theme_blockcenter_r.html; theme_blockcenter_c.html; theme_blockright.html and theme_blockleft.html.

2) Also in default/style.css I've changed the variable "solid" to "none". And padding to "0" where required. My style.css for default theme now looks like what you see below:

html, body {color: #000; background-color: #2A75C5; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }

a {color: #666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}

h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; color: #2A75C5;}

input.formButton {}

.item {border: 1px solid #666;}
.itemHead {padding: 3px; background-color: #2A75C5; color: #fff;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

#header {
margin : 0;
padding : 0;
height: 80px;
background: #2A75C5 url(xo-banner_bg.png) repeat-x left top;
padding: 0px;
color: #fff;
border: 0px none #000;
}
#headerbanner {width: 100%; vertical-align: middle; text-align:center;}
#headerlogo img {padding: 0;}
#headerbar {border-bottom: 0px none #ddd; background-image: url(hbar.gif);}

#leftcolumn {width: 170px; border-right: 0px none transparent; font-size:1em;}
#leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 1px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#leftcolumn .blockContent {padding: 0px; line-height: 1.2em;}


#centercolumn {font-size: 1em;}
#centercolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0 0px 0px 0px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 0px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; font-size:1.1em;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 0px none transparent; border-right: 0px none transparent; border-bottom: 0px none transparent; padding: 0px; margin-right: 0; margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
width: 50%; padding: 0 0px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
padding: 0px; color: #2A75C5; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
border-left: 0px none transparent; border-right: 0px none transparent; border-bottom: 0px none transparent; padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 1.2em;
}

#content {text-align: left; padding: 4px;}

#rightcolumn {width: 170px; border-left: 0px none transparent; font-size:1em;}
#rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 1px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#rightcolumn .blockContent {padding: 0px; line-height: 1.2em;}

Can anyone advise where I'm going wrong please?
Thanks in advance.

2
Bleekk
Re: how to remove borders from a block
  • 2010/3/1 19:17

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


fieldset{border:none;}

3
slicendice
Re: how to remove borders from a block
  • 2010/3/1 23:43

  • slicendice

  • Just popping in

  • Posts: 27

  • Since: 2009/4/24


Thanks...I bet you can see the next question coming: what line of the code do I add this fieldset {border: none;} to?


4
Bleekk
Re: how to remove borders from a block
  • 2010/3/2 10:43

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


hmm I do not understand what you mean.

copy pase the line in your style.css in the theme. that's all.

5
slicendice
Re: how to remove borders from a block
  • 2010/3/18 11:36

  • slicendice

  • Just popping in

  • Posts: 27

  • Since: 2009/4/24


wow! It worked. Thank you soooooo much....sooo much...

Login

Who's Online

147 user(s) are online (96 user(s) are browsing Support Forums)


Members: 0


Guests: 147


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits