Настройка вида siteground-j15-130

[nookie_l]

Привет всем!
Есть вот такой шаблон:
http://www.siteground.com/template-preview/joomla/siteground-j15-130
Прилепил модули в правую колонку, а к ним лепится на задний фон список со своими правилами.


Руками дописал это (курсив)

#rightcolumn div.module_menu div div div, div.module div div div, div.module_text div div div {
   margin:0;
   padding:0 0 8px 0;
   background-color:white;
}

Результат:


Как полностью избавится от фона? Нижняя часть - картинка с названием box_b.png

[snipe2009]

Попробуй убрать с background картинку:

Код:

div.module_menu div div, div.module div div, div.module_text div div {
    background: url("../images/box_b.png") no-repeat scroll center bottom #6DAADF;
    text-align: center;
}

[nookie_l]

Получилось! Спасибо, что натолкнул на мысль, snipe2009!

Сделал так:

- Разделил левую и правую колонки - многие правила прописаны для обоих
- Добавил картинку box_b_right.png и box_h3_right.png с абсолютно белым фоном (не убирал на всякий случай)

#leftcolumn h3 {    
   width:200px;
   margin:0;
   height:44px;
   line-height:23px;
   padding:0 10px;
   font-size: 11px;
   color: #ff5400;
   text-align: left;
   text-transform: none;
   font-weight: 700;
   overflow:hidden;
   background: transparent url(../images/box_h3.png) no-repeat top left;
}

#rightcolumn h3 {    
   width:200px;
   margin:0;
   height:44px;
   line-height:23px;
   padding:0 10px;
   font-size: 11px;
   color: #ff5400;
   text-align: left;
   text-transform: none;
   font-weight: 700;
   overflow:hidden;
   background: transparent url(../images/box_h3_right.png) no-repeat top left;

#leftcolumn div.module_menu div div div, div.module div div div, div.module_text div div div {
   margin:0;
   padding:0 0 8px 0;
}

#rightcolumn div.module_menu div div div, div.module div div div, div.module_text div div div {
   margin:0;
   padding:0 0 8px 0;
   background-color:white;
   }
   
#leftcolumn div.module_menu div div, div.module div div, div.module_text div div {
    background: url("../images/box_b.png") no-repeat scroll center bottom #6DAADF;
    text-align: center;
}

#rightcolumn div.module_menu div div, div.module div div, div.module_text div div {
    background: url("../images/box_b_right.png") no-repeat scroll center bottom white;
    text-align: center;
}

Результат:

[snipe2009]

Рад помочь! Удачи!