12 replies to this topic

[marketing74]

вновь у меня вопрос по верстке главной странице, теперь нужно отступы убрать - сделать компактнее по высоте,

 

если цвет заголовкам задается подобным образом,

.jbzoo.jbzoo-view-frontpage h2.subcategory-title a {
    color: #fff;
    }

то как задать отступы между категориями только на главной, а то они слишком широко раскинулись,

.jbzoo.jbzoo-view-frontpage.subcategories{
    margin-bottom: -25px;
    }

 

.jbzoo.jbzoo-view-frontpage.subcategories subcategory-col-3 {}

тоже не подходит, хотя блок называется так

 

.jbzoo.jbzoo-view-frontpage.subcategory-title {}

 

никакой из этих классов не работает..

 

подскажите как сделать, шаблон тот же, что и у  демоверсии.

Edited by marketing74, 05 February 2014 - 11:43.

[Cheren-dow]

marketing74, доброго времени суток. Какая у вас ссылка на сайт - щас будем опять математику - складывание проходить. 

[marketing74]

marketing74, доброго времени суток. Какая у вас ссылка на сайт - щас будем опять математику - складывание проходить. 

Добрый день!! ) а вот оно

не получается у меня ваша математика....

нужно плотнее сдвинуть пунктики каталога, не обращайте внимание на невалидность

[Cheren-dow]

1. Убираем отступ у колонки категории

Те что 2 класса вместе они вместе "склеиваются" через точку 

.jbzoo.jbzoo-view-frontpage{

}

Класс subcategories отдельно от них значит нужен пробел и того получаем

.jbzoo.jbzoo-view-frontpage .subcategories{

}

Дальше идет класс column - он тоже отдельно значит опять пробел)) получаем

.jbzoo.jbzoo-view-frontpage .subcategories .column{
    margin-bottom: 0; /* Убираем нижний отступ */
}

 

 

2. Убираем отступ у контейнера подкатегории

Тут все тоже самое только уже делаем для класса subcategory и ставьте margin: 0 ;

Сами попробуете 

Edited by Cheren-dow, 06 February 2014 - 11:45.

[Cheren-dow]

Должно смотреться как то так

[B_A_H_O]

Firebug наше всё !

Установите себе, и жить станет легче! Проверено

https://addons.mozil.../addon/firebug/

[marketing74]

1. Убираем отступ у колонки категории

Те что 2 класса вместе они вместе "склеиваются" через точку 

.jbzoo.jbzoo-view-frontpage{

}

Класс subcategories отдельно от них значит нужен пробел и того получаем

.jbzoo.jbzoo-view-frontpage .subcategories{

}

Дальше идет класс column - он тоже отдельно значит опять пробел)) получаем

.jbzoo.jbzoo-view-frontpage .subcategories .column{
    margin-bottom: 0; /* Убираем нижний отступ */
}

фокус не проходит , например...

.jbzoo. jbzoo-view-frontpage. subcategories. column {margin-bottom: -50px;}

глухо) кстати обратила внимание, что прошлый пример работает и без пробелов.

получается из отодвигать с помощью вот этих стилей

.jbzoo .subcategories .column, {margin-bottom: -1em} ;

только тогда это правило действует на все категории-подкатегории и на внутренних страницах, в принципе это меня устраивать, но теперь уже интересно разобраться как редактировать только главную.

Edited by marketing74, 07 February 2014 - 09:43.

[marketing74]

Firebug наше всё !

Установите себе, и жить станет легче! Проверено

https://addons.mozil.../addon/firebug/

 

Даже он в данном случае не особо информативен

Edited by marketing74, 07 February 2014 - 09:55.

[Cheren-dow]

только тогда это правило действует на все категории-подкатегории и на внутренних страницах, в принципе это меня устраивать, но теперь уже интересно разобраться как редактировать только главную.

C CSS тут с вами ни кто разбираться не будет что да как устроено, так что почитайте о CSS - полезно.

[Sliapy]

Я бы советовал все-таки выучить CSS хотя бы немного. Потому что селекторы вида .jbzoo. jbzoo-view-frontpage. subcategories. column - это ну совсем. В CSS нет селекторов с точкой на конце.

 

Вы бы хотя бы не руками набирали код, а копировали то, что Вам дал Cheren-dow.

 

К сожалению, тех.поддерка JBZoo не сможет сделать сайт полностью за Вас. Какие-то специальные знания для разработки сайта все-таки понадобятся.

Edited by Sliapy, 07 February 2014 - 10:01.