[RISOLTO] Regolare la larghezza della colonna degli articoli

[Adürnah]

Salve a tutti! Ho questo problema con il template del mio blog, vorrei ridurre la larghezza della colonna degli articoli, almeno della metà, ma non ci riesco >_< Qualcuno mi può aiutare? Questo è il blog http://adurnah.altervista.org/ , il template si chiama 'blogi' e questo è il CSS

Codice: [Seleziona]

body {
margin:0px;
line-height:150%;
}
#container {
width:980px;
margin:100px 0 0 0;
}
#header {
background-color: #fff;
height:100px;
padding-top:30px;
padding-left:17px;
}
.footer {
text-align:right;
}
ul {
list-style:none;
}
li {
display:block;
}
img {
border: none;
}
h1 {
margin-top:50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
border-top:1px #999 dashed;
border-bottom:1px dashed #999;
display:block;
color:black;
height:50px;
}
h2 {
font-family: georgia, serif;
font-weight:normal;
display:block;
font-size:18px;
color:#CC0099;
}
h3 {
font-size:16px;
font-weight:normal;
color:#1ed300;
}
h4 {
padding-top:10px;
font-size:20px;
font-weight:bold;
font-style:italic;
color:#333;
}
a:link {
color:#ffffff;
text-decoration:none;
}
a:visited {
color:#ffffff;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:none;
}
a:active {
color:#ffffff;
text-decoration:none;
}
#maincontent {
margin-top:0px;
padding-left:0px;
font-size:13px;
border-top:2px solid #CC0099;
float:left;
margin-left:-25px;
padding-top:20px;
background:#FFFFFF url(../images/content-area-bg.png) repeat-x left -40px;
padding:30px;

}
#maincontent a:link {
color:#66CCFF;
text-decoration:underline;
}
#maincontent a:visited {
color:#666;
text-decoration:underline;
}
#maincontent a:hover {
color:#000;
text-decoration:underline;
}
#maincontent a:active {
color:#000;
text-decoration:underline;
}
#sideblog a:link {
color:#66CCFF;
text-decoration:none;
}
#sideblog a:visited {
color:#66CCFF;
text-decoration:none;
}
#sideblog a:hover {
color:#66CCFF;
text-decoration:none;
}
#sideblog a:active {
color:#66CCFF;
text-decoration:none;
}
p.backtotop {
display:block;
background-color:#eaeaea;
height:25px;
padding-left:10px;
}
#left {
float:left;
font-size:12px;
text-align:right;
width:160px;
padding:0px 0 0px 0;
}
#logo {
text-align:left;
border-top: 1px #999 dashed;
border-bottom: 1px #999 dashed;
padding-top:10px;
padding-bottom:10px;
margin-bottom:30px;
}
#logo h1 {
border:none;
font-weight:bold;
margin:0;
padding:0;
line-height:normal;
}
#logo h1 a:link, #logo h1 a:visited {
text-decoration:none;
font-family:  Arial, Helvetica, sans-serif;
font-size:50px;
color:#000000;
font-style:normal;
text-transform: uppercase;
}
#logo h1 a:hover {
}
#logo h4 {
border:none;
font-weight:normal;
margin:0;
padding:0;
line-height:normal;
font-family:  Arial, Helvetica, sans-serif;
font-size:20px;
color:#666;
font-style:normal
}
#sideblog {
border-bottom:10px solid #66CCFF;
border-top:2px solid #CC0099;
margin-left:10px;
background:#FFFFFF url(../images/content-area-bg.png) repeat-x left -40px;
float:right;
width:190px;
padding-top:19px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
font-size:12px;
}
/*_____FORM_______*/

fieldset {
}
fieldset p {
}
legend {
font-weight:bold;
}
label {
display:block;
}
input {
}
textarea {
}
/***************/


#sideblog h3 {
font-family: georgia, serif;
font-weight:normal;
display:block;
font-size:18px;
color:#CC0099;
}
#left {
margin-right:40px;
margin-top:100px;
border-bottom:10px solid #66CCFF;
}
#left .module {
background:#333;
padding:5px 0 15px 0;
}
#left .module_menu, #left .module {
width:160px;
margin-top:10px;
padding-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
}
#left .module_menu h3, #left .module h3 {
font-size:13px;
text-align:right;
padding-right:10px;
line-height:normal;
margin:0;
color:#66CCFF;
}
#left .module_menu ul, #left .module ul {
padding:0 10px 0 0;
margin:0;
list-style:none;
}
#left  .module_menu ul li, #left .module ul li {
line-height:130%;
padding:0;
margin:0;
list-style:none;
font-size:11px;
font-weight:normal;
}
#left form {
width:150px;
}
#left fieldset br {
display:none;
}
#left fieldset {
border:none;
font-size:11px;
}
#left fieldset p {
margin:0;
padding:0;
}
#left .module ul li {
font-size:11px;
}
#form-login-remember {
clear:both;
}
#form-login-remember label {
float:left;
}
#modlgn_remember {
float:right;
width:20px;
}
#left fieldset .button {
display:block;
}
#left fieldset .inputbox {
width:120px;
border:#333;
background:#666;
padding-left:5px;
color:#FFFFFF;
}
td.contentheading {
font-size:28px;
color:#CC0099;
border-bottom:1px dashed #999999;
}
td.buttonheading {
border-bottom:1px dashed #999999;
}
.small, .createdate, .modifydate {
font-size:10px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
line-height:normal;
}
div.componentheading {
color:#FFF;
margin-bottom:30px;
text-align:right;
;
background:#66CCFF;
display:block;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
   width:80%;
}
.article_separator {
clear: both;
display: block;
height: 20px;
}
.article_column {

}
.column_separator {
padding: 0 25px;
}
/* content tables */
td.sectiontableheader {
padding: 4px;
border-right: 1px solid #fff;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
padding: 3px;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
float: right;
}
table.contenttoc a {
text-decoration: none;
}
table.contenttoc td {
padding: 1px 5px 1px 25px;
}
table.contenttoc th {
padding: 0 0 3PX;
border-bottom: 1px solid #CCCCCC;
text-indent: 5px;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #ECECEC;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
}
.adminform .inputbox {
}
.blog_more {
padding: 10px 0;
}
.blog_more strong {
margin: 0 0 5px;
display: block;
font-size: 125%;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
margin: 0;
padding: 0 0 0 17px;
}
.category {
font-weight: bold;
}
h1.componentheading, .componentheading {
}
.componentheading {
font-size: 200%;
}
.contentdescription {
padding-bottom: 30px;
}
h2.contentheading, .contentheading {
padding: 5px 0 8px;
margin: 0;
font-weight: normal;
}
table.blog .contentheading {
font-size: 150%;
}
.contentheading {
font-size: 200%;
}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {
text-decoration: none !important;
}
a.readon {
float: left;
margin-top: 10px;
padding: 1px 5px 1px 14px;
border: 1px solid #F6F6F6;
display: block;
background: url(../images/arrow.png) no-repeat 5px 48%;
color: #006699;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
a.readon:hover, a.readon:active, a.readon:focus {
border: 1px solid #ECECEC;
background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.moduletable {
padding: 0;
}
ul.pagination {
margin: 15px auto;
padding: 10px 0;
}
ul.pagination li {
margin: 0;
padding: 0;
display: inline;
background: none;
}
ul.pagination li span {
padding: 2px 5px;
}
ul.pagination a {
padding: 2px 5px;
border: 1px solid #F6F6F6;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background: #FFFFFF;
}
.pagenavbar {
padding-left: 14px;
}
.pagenavcounter {
padding: 8px 14px 0 14px;
}
.sectiontableheader {
padding: 8px 5px;
background: #444444;
color: #FFFFFF;
}
.sectiontableheader a {
color: #FFFFFF;
}
tr.sectiontableentry1 td {
padding: 8px 5px;
}
tr.sectiontableentry2 td {
padding: 8px 5px;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background:  #FFFFCC;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* META
--------------------------------------------------------- */
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
display: block;
background: #ECECEC;
}
.article-meta {
padding: 5px;
width: 80%;
float: left;
}
.createby {
}
.createdate {
}
.modifydate {
width: 100%;
float: left;
}
div.buttonheading {
float: right;
width: 15%;
}
.buttonheading img {
margin: 7px 5px 0 0;
border: 0;
float: right;
}
#breadcrumbs {
border-bottom:1px dotted #DDD;
margin: 0 0 10px 0;
}

[ariess]

sei sicuro che non ci sia un parametro nella gestione del template per cambiare la larghezza?

se non c'è prova a guardare nell'index.php se c'è qualcosa del genere

<div  id="maincontent" style="width: 745px;">

semmai da lì puoi cambiare la larghezza.

       

[peppe990]

Forse cosi dovrebbe funzionare:

Codice: [Seleziona]

#left .module_menu, #left .module {
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 10px;
    padding-bottom: 20px;
    width: 160px;
}
Lo trovi in template.css (riga 214). Prova a diminuire il valore width

 

[Adürnah]

sei sicuro che non ci sia un parametro nella gestione del template per cambiare la larghezza?

se non c'è prova a guardare nell'index.php se c'è qualcosa del genere

<div  id="maincontent" style="width: 745px;">

semmai da lì puoi cambiare la larghezza.

       

Grazie mille, era proprio questo! Ci avevo pensato infatti, solo che mi ero trovata davanti questo

Codice: [Seleziona]

  <div id="maincontent"  <?php if ( $this->countModules('right')) { ?> style="width:500px" <?php } else { ?> style="width:745px" <?php } ?>>
e non sapendo che tipo di codice fosse o come funzionasse evidentemente avevo lasciato perdere >_< Grazie mille!