Помощь Меняется стиль модуля при смене позиции

Vostok7Z · 25 Мар 2013

День добрый.
Вопрос следующий. Шаблон Для просмотра ссылки Войди или Зарегистрируйся. Решил поменять корзину в топе на Sj Minicart Pro.
Редактировать позиции модулей честно говоря не умею, а после тупой замены модулей местами, у модуля Поиск при смене позиции search на cart-top меняется стиль.
Хотелось стиль у модуля поиска так - рис 1. а получается так -рис.2.
Подскажите в какую сторону копать - то?
рис. 1

рис.2

Blanigator · 25 Мар 2013

Уважаемый Vostok решение очень просто, судя по сему стили в шаблоне привязаны к позициям, в данном случае можно просто прописать стиль позиции shearch для cart-top

vladya · 25 Мар 2013

В сторону css-файлов копать вам надо. Стили оформления поиска есть только для позиции search, а именно для блока #leo-search, в котором и распологается поиск. В css сейчас прописано следующее:

Код:

#leo-search div.search {
    background: url("http://www.demo4leotheme.com/joomla/leo_gift/templates/leo_gifts/images/default/bg-search.png") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    margin-top: 10px;
    padding: 3px 3px 3px 10px;
}

Когда вы меняете позицию у поиска, он оказывается в блоке #cart-top, а для него не задано оформление блока div.search. Пропишите и для блока #cart-top оформление.

tempus · 25 Мар 2013

Согласен со всеми кто высказался выше. Но.
Правильнее всего в таких случаях создавать суффикс класа модуля, чтобы не портить шаблон.
Как это делается много информации в интернете.
Гляньте это видео -

Vostok7Z · 26 Мар 2013

Прочитал -понял что дело ясное. Начал делать - оказалось дело темное.
Я не силен в css, скорее нашел подобное и заменил .
Позиции search и cart-top описаны в разных документах, template.css и extensions.css соответственно.
Тяма хватило только на замену бэграунда поиска, а вот кнопка найти остается такая же как и в случае рис. 2.
Ткните пальцем пожалуйста, что не так делал. ниже части "место писания" модулей с квикстарта.
Спасибо.
template.css

/*------------------------------------------------------------------------
# Leo Template Framework -
# ------------------------------------------------------------------------
# author LeoTheme
# copyright Copyright (C) 2010 leotheme.com. All Rights Reserved.
# @license - Для просмотра ссылки Войди или Зарегистрируйся GNU/GPL
# Websites: Для просмотра ссылки Войди или Зарегистрируйся
# Technical Support: Forum - Для просмотра ссылки Войди или Зарегистрируйся
-------------------------------------------------------------------------*/

html, body, fieldset {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: "Arial";
}
body.fs1 {
font-size: 10px;
line-height: 16px;
}
body.fs2 {
font-size: 11px;
line-height: 17px;
}
body.fs3 {
font-size: 11px;
line-height: 18px;
background: url(../images/default/bg-body.png) repeat left top scroll;

}
body.fs4 {
font-size: 13px;
line-height: 19px;
}
body.fs5 {
font-size: 14px;
line-height: 20px;
}
body.fs6 {
font-size: 15px;
line-height: 21px;
}
.wrap {
clear: both;
width: 100%;
}
a {
outline: none;
color: #575757;
text-decoration: none;
}
a:hover, a:active, a:focus {
color:#eb6477;
}
/* */
/* Для просмотра ссылки Войди или Зарегистрируйся */
/* v1.0 | 20080212 */

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body {
line-height: 1.6em;
font-size:12px;
color: #808181;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
}
ul {
list-style: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
/* PAGE AND CONTAINER STYLE --------*/
#page-container:before{
background: url(../images/default/bg-shadow.png) no-repeat center top scroll;
content:"";
width: 90%;
height: 535px;
position:absolute;
top: 37px;
left: 10%;
}
#page-container {
margin: 0;
padding: 0;
width: 100%;
}
#page-container-inner {
width:100%;
position: relative;
}
.leo-container {
margin: 0 auto;
}
.leo-container-inner{
display: inline-block;
width: 100%;

}
.leo-container-inner-inner {
}
/**
* TOP POST STYLE
*/
#leo-toppos-right {
}
#leo-toppos {
background: url(../images/default/bg-toppos1.png) repeat-x left top scroll;
padding-top: 4px;
}
#leo-toppos .wrap-inner {
background: url(../images/default/bg-toppos2.png) repeat-x left top scroll;
min-height: 33px;
}
#leo-toppos .leo-container {
}
#leo-toppos.bg_top0 {
background-image: url(../images/bgtop/bg_top0.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top1 {
background-image: url(../images/bgtop/bg_top1.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top2 {
background-image: url(../images/bgtop/bg_top2.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top3 {
background-image: url(../images/bgtop/bg_top3.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top4 {
background-image: url(../images/bgtop/bg_top4.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top5 {
background-image: url(../images/bgtop/bg_top5.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top6 {
background-image: url(../images/bgtop/bg_top6.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top7 {
background-image: url(../images/bgtop/bg_top7.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top8 {
background-image: url(../images/bgtop/bg_top8.png);
background-position: left top;
background-repeat: repeat;
}
/* BREADCRUMBS--------*/
#leo-breadcrumbs-bottom, #leo-breadcrumbs-top {
}
#leo-breadcrumbs-bottom .leo-container, #leo-breadcrumbs-top .leo-container {
}
#leo-breadcrumbs-bottom .moduletable, #leo-breadcrumbs-top .moduletable {

}
/* COLSPAN -----------*/
#leo-colspan1 .leo-box-inside{
padding: 0;
}
#leo-content-top1 {
width: 37.3%!important;
}
#leo-content-top2 {
width: 62.7%!important;
}
#leo-content-top1 .leo-box-inside{
margin-right: 7px;
}
#leo-content-top2 .leo-box-inside{
margin-left: 8px;
}
/* MODULETABLE --------*/
div.modulecontent {
}
.leo-module h3 {
font-size: 20px;
font-weight: normal;
}
div.leo-module {
position: relative;
margin: 0 0 15px;
}

#leo-right div.leo-module,
#leo-left div.leo-module,
#leo-content-top2 div.leo-module,
#leo-content-top1 div.leo-module,
#leo-showcase-bottom div.leo-module,
#leo-usertop2 div.leo-module,
#leo-showcase-top div.leo-module,
#leo-usertop1 div.leo-module,
#leo-headertop div.leo-module {
background: url(../images/default/bg-content.png) repeat scroll left top #fdfdfd ;
border-radius: 5px;
padding: 7px;
box-shadow:0 0 3px #d2c0a8,0 0 75px -25px #e5e5e5 inset;
}
/*module in left and right*/
#leo-right .leo-module,
#leo-left .leo-module {
}
#leo-right .leomodule,
#leo-left .leomodule {
}
#leo-right h3.moduletitle,
#leo-left h3.moduletitle,
#leo-right h3.moduletitle span,
#leo-left h3.moduletitle span{
display:block;
}

#leo-right h3.moduletitle,
#leo-left h3.moduletitle {
color: #fff;
line-height: 20px;
margin: 0 0 10px 0;
padding: 10px 15px;
border-radius: 5px;
background: #b4ada8;
}
#leo-right h3.moduletitle > span,
#leo-left h3.moduletitle > span {
}
#leo-right h3.moduletitle span span,
#leo-left h3.moduletitle span span {
}

#leo-right .leo-module .modulecontent,
#leo-left .leo-module .modulecontent {
}
.color_green h3.moduletitle{
background: #9aac49!important;
box-shadow:0 0 5px #88993f inset;
}
.color_blue h3.moduletitle{
background: #7eb5da!important;
box-shadow:0 0 5px #70a4c8 inset;
}
.color_pink h3.moduletitle{
background: #e38f9b!important;
box-shadow:0 0 5px #d8838f inset;
}

/* blockheader
--------------------------*/
#leo-blockheader {
}
#leo-blockheader-inner {}
/* LOGO ---------*/
#leo-logo {
float: left;
width: 25%;
}
#leo-logo .leo-logo {
margin: 15px 0 15px;
display: block;
}
#leo-logo .leo-logo a {
display: block;
width: 250px;
height: 141px;
background: url(../images/default/logo.png) no-repeat 0 0;
}
#leo-logo .leo-logo a span {
display: none;
}

/* TOP MENU ------*/
#leo-time {
}
#leo-topmenu {
float: left;
width: 40%
}
#leo-topmenu ul.menu {
display: inline-block;
margin: 5px 0 8px;
overflow: hidden;
}
#leo-topmenu ul.menu li {
float: left;
padding:0;
margin: 0 13px;
}
#leo-topmenu ul.menu li:first-child{
margin-left: 0;
}
#leo-topmenu ul.menu li a {
color:#c2b9b7;
font-size: 11px;
text-shadow: 0 1px 0 #331504;
}
#leo-topmenu ul.menu li a:hover {
color:#ddaa78;
}

#leo-toppos-right {
display: inline-block;
width: 60%;
}

#leo-toppos .leo-module {
margin-bottom: 0;
}
/* SEARCH --------*/
#leo-search {
float: left;
}
#leo-search div.search {
margin-top: 10px;
background: url(../images/default/bg-search.png) repeat 0 0;
padding: 3px 3px 3px 10px;
border-radius: 20px;

}
#mod-search-searchword {
background: none repeat scroll 0 0 #F2E9DC;
border: medium none;
border-radius: 15px;
height: 29px;
float: left;
color: #9f9a98;
font-size: 11px;
}
#leo-search .button {
background: url(../images/default/icon-search.png) no-repeat scroll center center #FFFFFF;
border-radius: 15px 15px 15px 15px;
height: 29px;
margin-left: -25px;
padding: 0;
text-indent: -999em;
width: 29px;
}
/*leo-header-top*/
#leo-header{
float: right;
text-align: right;
width: 75%;
}
.header-top {
float: right;
margin: 20px 0;
}
.header-top div.leo-module {
margin-bottom:0;
}
/* blockheader1 */
#leo-blockheader1 {
position: relative;

}
/* MAINMENU
--------------------------*/
#leo-mainmenu {
float: right;
background: url(../images/default/bg-menu.png) repeat-x scroll left top ;
border-top: 1px solid #dc7389;
border-bottom: 1px solid #d1515f;
border-right: 1px solid #d46175;
border-left: 1px solid #d46175;
border-radius: 5px;
max-height: 41px;
}
#leo-mainmenu-inner {
}
#leo-mainmenu .leo-container-inner {
}
#leo-mainmenu .leo-container-inner-inner {
}
#leo-mainmenu .mainmenu {
}
#leo-responsivemenu {
display:none;
}

/* SLIDESHOW
--------------------------*/
#leo-slideshow {
}
#leo-slideshow-inner {}
#leo-slideshow-inner-inner {
}
/*breadcrumbs-top*/
#leo-breadcrumbs-top{
}
#leo-breadcrumbs-top-inner {
}

/* showcase top
--------------------------*/
#leo-showcase-top {
}
#leo-showcase-top .moduletable .leomodule{
}
/*usertop2*/
#leo-usertop2 .leo-box-inside{
padding: 0;
}
#leo-usertop2 .modulecontent {
padding: 0;
}
/*leo-headertop*/
#leo-top1 {
width:73.5%!important;
}
#leo-top1 .leo-box-inside{
margin-right: 7px;
}
#leo-top2 {
width: 26.5%!important;
}
#leo-top2 .leo-box-inside{
margin-left: 8px;
}
#leo-headertop .modulecontent{
padding: 0;
}
#leo-headertop .leo-box-inside {
padding: 0;
}
#leo-headertop .leo-usercol p {
margin: 0;
}
/*showcase-bottom1*/
#leo-showcase-bottom1 {
}
#leo-showcase-bottom1 .leo-container {
}
#leo-showcase-bottom1 .moduletable {
}

/*
* SPORTLIHT
*/

.leo-usercol {
float: left;
}
.leo-box-inside {
padding: 0 10px;
}
#leo-mainwrap {
width:100%;
display:inline-block;
}
#leo-mainwrap-inner {
display:block;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
div.page-inset {
width:100%;
display: inline-block;
}
#leo-mainwrap .leo-container {
}
#leo-mainwrap .leo-container-inner {
}
#leo-mainwrap .leo-container-inner-inner {
}
#leo-mainwrap-content{
}

/*
* WIDTH, DIRECTION ALIGNMENT FOR ALL COLUMNS
*/
#leo-mainwrap .leo-container-inner {
padding: 0;
}
#leo-mainwrap, #leo-mainwrap-left, #leo-mainwrap-right, #leo-mainwrap-full {
width: 100%;
}
/* Create a default width for three 3 main column */
#leo-left {
float: left;
}
#leo-content {
float: left;
}
#leo-right {
float: right;
}
#leo-mainwrap-left #leo-content {
width: 75%;
}
#leo-mainwrap-right #leo-content {
width:75%
}
#leo-mainwrap-full #leo-content {
width: 100%;
}
#leo-left-inner{
margin: 0 15px 0 0;
}
#leo-right-inner{
margin: 0 0 0 15px;
}
#leo-content-inner {
margin: 0 ;
}
#leo-usertop1 .leo-container-inner, #leo-usertop2 .leo-container-inner,
#leo-showcase-bottom1 .leo-container-inner, #leo-showcase-bottom2 .leo-container-inner {
overflow: hidden;
}
/*leo-usertop1*/
#leo-usertop1 .custom p {
margin: 0;
}
#leo-user1 .leo-box-inside{
padding: 0 9px 0 0;
}
#leo-user2 .leo-box-inside{
padding: 0 5px 0;
}
#leo-user3 .leo-box-inside{
padding: 0 0 0 9px;
}
/* Left Column */
#leo-left {
}
.leo-layout-crl #leo-content, .leo-layout-lrc #leo-content {
margin: 0;
}

.leo-layout-crl #leo-left {
float: right;
}
.leo-layout-crl #leo-content {
float: left;
}
.leo-layout-crl #leo-right {
float: right;
}
/* Right Column */

.leo-layout-lrc #leo-right {
float: left;
}
.leo-layout-lrc #leo-content {
float: right;
}
/* Right Column */
.leo-layout-rcl #leo-right {
float: left;
}
.leo-layout-rcl #leo-left {
float: right;
}
.leo-layout-rcl #leo-content {
float: right;
}

/*Main content*/

.homepage #leo-maincontent-inner {
display: none;
padding: 0;
}
#leo-maincontent-inner {
background: url(../images/default/bg-content.png) repeat scroll left top ;
border-radius: 5px;
padding: 15px;
box-shadow:0 0 3px #d2c0a8,0 0 75px -25px #e5e5e5 inset;
overflow: hidden;
}
/*leo-colspan2*/

#leo-colspan2 .leo-container-inner {

}
#leo-blockbottom:before{
background: url(../images/default/bg-shadow-footer.png) no-repeat scroll center top ;
content: "";
left: 10%;
position: absolute;
width: 90%;
height: 337px;
}
#leo-blockbottom {
background: url(../images/default/bg-footer.png) repeat scroll left top ;
margin-top: 30px;
color: #f4f7f8;
}
.leo-blockbottom-inner{
background: url(../images/default/bg-userbottom1.png) repeat-x scroll left top ;
padding-top: 7px;
position: relative;
}
#leo-blockbottom.bg_bottom0 {
background-image: url(../images/bgbottom/bg_bottom0.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom1 {
background-image: url(../images/bgbottom/bg_bottom1.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom2 {
background-image: url(../images/bgbottom/bg_bottom2.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom3 {
background-image: url(../images/bgbottom/bg_bottom3.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom4 {
background-image: url(../images/bgbottom/bg_bottom4.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom5 {
background-image: url(../images/bgbottom/bg_bottom5.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom6 {
background-image: url(../images/bgbottom/bg_bottom6.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom7 {
background-image: url(../images/bgbottom/bg_bottom7.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom8 {
background-image: url(../images/bgbottom/bg_bottom8.png);
background-position: left top;
background-repeat: repeat;
}
/*leo-userbottom*/

#leo-userbottom {
}
#leo-userbottom .leo-container-inner-inner {
}

/* leo-userbottom1 */
#leo-userbottom1 {
background: url(../images/default/bg-userbottom2.png) repeat-x scroll left top ;
padding-top:9px;
}
#leo-userbottom1 .wrap-inner {
background: url(../images/default/border-bottom.png) repeat-x scroll left bottom ;
}
#leo-userbottom1 .leo-container-inner {
padding: 20px 0;
}
#leo-userbottom1 .leo-module h3.title {
margin-top: 4px!important;
}
#leo-userbottom2 .leo-module h3.title{
color: #FFFFFF;
line-height: 20px;
margin: 4px 0 15px;
}
#leo-userbottom1 .leo-module h3.title{
color: #FFFFFF;
line-height: 20px;
margin: 4px 0 5px;
}
#leo-userbottom1 div.modulecontent {
padding:0;
}
#leo-userbottom1 .leo-module {
margin-bottom: 0;
}
/*leo-userbottom2*/
#leo-userbottom2 .leo-container-inner{
padding-top: 20px;
}
#leo-userbottom2 .leo-box-inside {
}
#leo-user13 {
width:25.5%!important;
}
#leo-user14 ,
#leo-user15, #leo-user16 {
width:16.5%!important;
}
#leo-user17 {
width:25%!important;
}
/* FOOTER
--------------------------*/
#leo-footer {
background: url(../images/default/bg-border.png) repeat-x scroll left top #383634;
}
#leo-footer .wrap-inner{
background: url(../images/default/bg-footer2.png) repeat-x scroll left top;
padding-top: 8px;
}

#leo-copyright {
float: left;
line-height: 45px;
}
#leo-copyright p.logo-footer a {
background: url(../images/default/logo1.png) no-repeat scroll left top;
display: block;
height: 40px;
text-indent: -999em;
width: 133px;
margin: 5px 0;
}
#leo-copyright p {
margin: 0;
font-size: 12px;
color: #b9bcbd;
text-shadow: 0 1px 0 #2c2c2b;

}
#leo-copyright a {
color:#55bcd8;
}
#leo-copyright a:hover {
color:#eb6477;
}
#leo-footer-menu {
float: right;
}
#leo-footer-menu .moduletable {
margin-bottom: 0;
padding: 8px 0;
}
/*category content*/
.items-row .item, .items-leading .item {
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.items-row .item h2, .items-leading .item h2 {
margin: 5px 0;
font-size: 14px;
color: #515151;
}
.items-row .item h2 a, .items-leading .item h2 a {
font-size: 16px;
font-weight: normal;
}
.items-row .item p img, .items-leading .item p img {
}
.blog,.item-page,.newsfeed-category,.contact ,.contact-category,.categories-list,.category-list ,.blog-featured, .login,.remind,.reset,.weblink-category {
}
.componentheading, .newsfeed-category > h2,
.blog > h1, .blog > h2, .item-page > h2,.contact h1 ,.categories-list h1, .category-list h1,.blog-featured h1,.contact-category h1,.login h2, .remind h1, .reset h1, .weblink-category h2{

}
.componentheading >span,.newsfeed-category > h2 > span,
.blog > h1 > span, .blog > h2 > span, .item-page > h2 > span,.contact h1 > span ,.categories-list h > span1, .category-list h1 > span,.blog-featured h1 > span,.contact-category h1 > span,.login h2 > span, .remind h1 > span, .reset h1 > span, .weblink-category h2 > span {
font-size: 22px;
font-weight: normal;
color:#EB6477;
line-height: 18px;
}
.componentheading >span span,.newsfeed-category > h2 > span span,
.blog > h1 > span, .blog > h2 > span span, .item-page > h2 > span span,.contact h1 > span span,.categories-list h1 > span span, .category-list h1 > span span,.blog-featured h1 > span span,.contact-category h1 > span span,.login h2 > span span, .remind h1 > span span, .reset h1 > span span, .weblink-category h2 > span span{

}
/***/

body.pattern1 {
background-image:url('../images/patterns/pattern1.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern2 {
background-image:url('../images/patterns/pattern2.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern3 {
background-image:url('../images/patterns/pattern3.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern4 {
background-image:url('../images/patterns/pattern4.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern5 {
background-image:url('../images/patterns/pattern5.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern6 {
background-image:url('../images/patterns/pattern6.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern7 {
background-image:url('../images/patterns/pattern7.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern8 {
background-image:url('../images/patterns/pattern8.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern9 {
background-image:url('../images/patterns/pattern9.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern10 {
background-image:url('../images/patterns/pattern10.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern11 {
background-image:url('../images/patterns/pattern11.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern12 {
background-image:url('../images/patterns/pattern12.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern13 {
background-image:url('../images/patterns/pattern13.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern14 {
background-image:url('../images/patterns/pattern14.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern15 {
background-image:url('../images/patterns/pattern15.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern16 {
background-image:url('../images/patterns/pattern15.png');
background-position: top left;
background-repeat: repeat !important;
}
[/spoil]
extensions.css
[spoil]/*------------------------------------------------------------------------
# Leo Template Framework -
# ------------------------------------------------------------------------
# author LeoTheme
# copyright Copyright (C) 2010 leotheme.com. All Rights Reserved.
# @license - Для просмотра ссылки Войди или Зарегистрируйся GNU/GPL
# Websites: Для просмотра ссылки Войди или Зарегистрируйся
# Technical Support: Forum - Для просмотра ссылки Войди или Зарегистрируйся
-------------------------------------------------------------------------*/
/* leo Contact Pro--------------*/
div.jvformcontact {
width:100%;
margin:15px 0 0;
display: inline-block;
}
div.jvformcontact #myForm input, div.jvformcontact #myForm textarea, div.jvformcontact #myForm select {
border:none;
height:auto;
}
div.leo-field {
overflow: hidden;
margin-bottom:7px;
}
/* -------------------------------
Module Class
----------------------------------*/
a.moduleItemReadMore {
}
/* slideshow */
div.moduletable_slideshow {
padding: 10px!important;
}
.moduletable_slideshow .lof-slnavslide .lof-next:hover,
.moduletable_slideshow .lof-slnavslide .lof-next{
background: url(../images/default/icon-button.png) no-repeat right top scroll!important;
right: -11px;
}
.moduletable_slideshow .lof-slnavslide .lof-previous:hover,
.moduletable_slideshow .lof-slnavslide .lof-previous {
background: url(../images/default/icon-button.png) no-repeat left top scroll!important;
left: -11px;
}
.moduletable_slideshow .lof-slnavslide .lof-next, .moduletable_slideshow .lof-slnavslide .lof-previous {
width: 17px;
height: 30px;
z-index:20;
}
.moduletable_slideshow .lof-slnavslide .lof-navigator-wrapper {
left: 10px;
right: inherit;
bottom: 10px;
border-right: none;

z-index:12!important;
}
.moduletable_slideshow .lof-slnavslide .lof-bottom .lof-navigator li.active,
.moduletable_slideshow .lof-slnavslide ul.lof-navigator li {
background: none;
height: 13px!important;
}
.moduletable_slideshow .lof-slnavslide .lof-bottom .lof-navigator li.active div{
background: url(../images/default/icon-nav.png) no-repeat -19px top scroll!important;
}
.moduletable_slideshow .lof-slnavslide ul.lof-navigator li div{
background: url(../images/default/icon-nav.png) no-repeat left top scroll!important;
height: 13px;
overflow: hidden;
padding: 0;
text-indent: -999em;
width: 13px;
margin: 0 3px;
}

/*slideshow position content-top*/
#leo-content-top1 .lof-slnavslide .lof-next:hover,
#leo-content-top1 .lof-slnavslide .lof-next{
background: url(../images/default/bt-pn.png) no-repeat right top scroll!important;
right: 10px;
}
#leo-content-top1 .lof-slnavslide .lof-previous:hover,
#leo-content-top1 .lof-slnavslide .lof-previous {
background: url(../images/default/bt-pn.png) no-repeat left top scroll!important;
left: 10px;
}
#leo-content-top1 .lof-slnavslide .lof-next, #leo-content-top1 .lof-slnavslide .lof-previous {
width: 20px;
height: 33px;
top:90%;
}
#leo-content-top1 .lof-main-item img {
height: 477px;
width: 329px;
}
#leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-description {
background: url(../images/default/bg-slide-bottom.png) repeat left top scroll!important;
bottom: 0;
padding: 10px 0;
text-align: center;
width: 100%;
}
#leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-title a {
background: none!important;
color: #f9f9f9;
font-size: 21px;
padding: 0;
}
#leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-description .lof-desc{
background: none!important;
color: #f9f9f9;
font-size: 14px;
font-weight: bold;
padding: 0;
}
/* leovmscroller*/
#leo-showcase-top .leo-container-inner{

}
#leo-showcase-top .moduletable {
padding: 10px !important;
}
#leo-showcase-top .moduletable .leomodmenu {
}
#leo-showcase-top .moduletable h3.moduletitle {
text-align: center;
}
#leo-showcase-top .moduletable h3.moduletitle > span {
display: block;
line-height: 30px;
}
#leo-showcase-top .moduletable h3.moduletitle span span{
color: #6E6662;
font-size: 28px;
font-weight: normal;
}

#leo-showcase-top .moduletable .modulecontent {
}
#leo-showcase-top .lof-vm-sliding {
background: none;
padding-bottom:0;
}
#leo-showcase-top .lof-vm-sliding .lof-text {
text-align: center;
color: #808181;
font-size: 11px;
}
#leo-showcase-top .lof-vm-sliding .lof-row .lof-inner {
border: none;
margin: 10px;
padding: 0;
}
#leo-showcase-top .lof-vm-sliding .lof-top .lof-navigator-outer {
margin-right: 0;
}
#leo-showcase-top .lof-vm-sliding .lof-container {
background: none;
}
#leo-showcase-top .lof-vm-sliding .lof-main-wapper {
}
#leo-showcase-top .lof-vm-sliding .lof-row {
text-align: left;
padding: 10px 0;
}
#leo-showcase-top .lof-vm-sliding .lof-image .price-cart {
position:absolute;
z-index: 55;
left: 0;
bottom: 5px;
width: 100%;
display: none;
}
#leo-showcase-top .lof-vm-sliding .lof-row .lof-inner:hover .price-cart {
display: block;
}
#leo-showcase-top .lof-vm-sliding .lof-info {
}
#leo-showcase-top .lof-vm-sliding .lof-image {
display: inline-block;
padding: 5px;
background: #e9e4e0;
border-radius: 3px;
}
#leo-showcase-top .lof-vm-sliding .lof-image a {
display: inline-block;
}
#leo-showcase-top .lof-vm-sliding .lof-image img {
}
#leo-showcase-top .lof-vm-sliding .lof-inner .lof-title {
font-size: 14px;
}
#leo-showcase-top .lof-vm-sliding .lof-inner:hover .lof-title {
}
#leo-showcase-top .lof-vm-sliding span.quantity-box {
display: none;
}
#leo-showcase-top .lof-description {
font-size: 11px;
}
#leo-showcase-top .lof-vm-sliding .lof-price {
float: left;
width: 50%;
line-height: 35px;
text-align: center;
}
#leo-showcase-top .lof-vm-sliding .price-inner {
font-size: 20px ;
background: #eb6477;
color: #fff;
margin: 0 0 0 5px;
}
#leo-showcase-top .lofaddcart-nav {
float: right;
text-align: center;
width: 50%;
line-height: 35px;
}
#leo-showcase-top .lofaddcart-nav .addtocart-area{
margin-right: 5px;
background: url(../images/default/bg-cart.png) repeat left top scroll;
}
#leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button {
background: none;
display: inline-block;
padding-left: 0;
width: auto;
margin: 0;
float: none;
}

#leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button input.addtocart-button {
background: none;
border: medium none;
border-radius: 0 0 0 0;
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
margin: 0;
padding: 0 ;
text-shadow: none;
height: 35px;
line-height: 35px;
}
#leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button:hover {
background: none;
}
#leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button input.addtocart-button:hover {
color:#EE2B6F;
}
#leo-showcase-top .lof-vm-sliding .lof-next:hover,
#leo-showcase-top .lof-vm-sliding .lof-next{
background: url(../images/default/icon-button.png) no-repeat right top scroll!important;
right: -11px;
}
#leo-showcase-top .lof-vm-sliding .lof-previous :hover,
#leo-showcase-top .lof-vm-sliding .lof-previous {
background: url(../images/default/icon-button.png) no-repeat left top scroll!important;
left: -11px;
}
#leo-showcase-top .lof-vm-sliding .lof-next, #leo-showcase-top .lof-vm-sliding .lof-previous {
width: 17px;
height: 30px;
display: block;
overflow: hidden;
position: absolute;
text-indent: -9999px;
z-index: 10;
top: -45px;
}

/*Lof K2 Scroller*/
#leo-showcase-bottom .leo-module {
padding: 10px !important;
}
#leo-showcase-bottom .leomodule {
display: inline-block;
width:100%;
}
#leo-showcase-bottom h3.moduletitle {
margin-left: 10px;
}
#leo-showcase-bottom h3.moduletitle > span {

}

#leo-showcase-bottom .modulecontent {

}
#leo-showcase-bottom .lofk2-text {
margin-left: 10px;
}
#leo-showcase-bottom .lof-sliding .lof-row {
padding: 10px 0;
}

#leo-showcase-bottom .lof-sliding .lof-image img {
}
#leo-showcase-bottom .lof-sliding .lof-image a {
background: #e9e4e0;
display: inline-block;
padding: 3px;
border-radius: 3px;
}
#leo-showcase-bottom .lof-sliding .lof-description {
padding: 10px 0;
clear: both;
}
#leo-showcase-bottom .lof-sliding .lof-inner {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
margin: 0px 11px;
padding: 0;
position: relative;
}
#leo-showcase-bottom .lof-sliding .lof-inner:hover {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
}
#leo-showcase-bottom .lof-sliding .lof-inner .lof-title {
text-transform: none;
}
#leo-showcase-bottom .lof-sliding .lof-inner .lof-title:hover {
color: #ee317b;
}
#leo-showcase-bottom .lof-sliding .lof-inner .lof-readmore {
float: right;
margin: 0 10px 10px 0;
}
#jb-bf{position: absolute; top: 0px; left: -5500px;}
#leo-showcase-bottom .lof-sliding .lof-next, #leo-showcase-bottom .lof-sliding .lof-previous {
display: block;
height: 17px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
width: 17px;
z-index: 10;
}
#leo-showcase-bottom .lof-sliding .lof-next {
background: url(../images/default/bt-showcase.png) no-repeat scroll right top ;
right: 126%;
top: 55%;
}
#leo-showcase-bottom .lof-sliding .lof-next:hover {
background: url(../images/default/bt-showcase.png) no-repeat scroll right -27px ;
}
#leo-showcase-bottom .lof-sliding .lof-previous {
background: url(../images/default/bt-showcase.png) no-repeat scroll left top ;
left: -31%;
top: 55%;
}
#leo-showcase-bottom .lof-sliding .lof-previous:hover {
background: url(../images/default/bt-showcase.png) no-repeat scroll left -27px ;
}
/
/* BREADCRUMBS----------*/
.breadcrumbs {
margin: 15px 0 15px;
}
.breadcrumbs a.pathway {
font-size: 12px;
font-style: italic;
padding: 0 5px 0 3px;
text-shadow: 0 1px 0 #eaebec;
}
.breadcrumbs span {
padding: 0 3px;
font-size: 12px;
font-style: italic;
color: #ee317b;
text-shadow: 0 1px 0 #eaebec;
}
/* Login Module ---*/

.login_form label, .login label {
text-align: left;
width: 100px;
float: left;
}
.login-fields {
margin: 0 0 10px;
}
.login ul li {
background: url(../images/default/icon-li.png) no-repeat scroll left 50%;
line-height: 23px;
padding-left: 20px;
}

/*moduletable-menu*/
.moduletable ul.vmmanufacturer {
margin: 0;
}
.moduletable_menu .modulecontent {
}
.moduletable ul.vmmanufacturer li,
.moduletable_menu ul li {
padding: 1px 0;
}
.moduletable ul.vmmanufacturer li a,
.moduletable_menu ul li a{
display: block;
line-height: 22px;
font-size: 12px;
padding: 4px 0 4px 25px;
color: #939393;
}
.moduletable ul.vmmanufacturer li a:hover,
.moduletable_menu ul > li.VmOpen > div a,
.moduletable_menu ul li a:hover{
background: #eaeaea;
border-radius: 3px;
}
.moduletable ul.vmmanufacturer li,
.moduletable_menu ul li {
}
.moduletable_menu ul li.VmOpen,
.moduletable ul.vmmanufacturer li:hover,
.moduletable_menu ul li:hover {
}
.moduletable_menu .vm_cart_products .container .product_row{
border-bottom: 1px dotted #e8e8e8;
line-height: 31px;
padding-left: 7px;
font-size: 12px;
}
.moduletable_menu .vm_cart_products .prices {
font-weight: bold;
font-family:'Times New Roman';
font-size: 14px;
line-height: 31px;
padding-right: 7px;
color: #EE2B6F;
}
.moduletable ul.vmmanufacturer li a,
.moduletable_menu ul li a {

}
.moduletable_menu ul > li.VmOpen > div a {
}
.moduletable ul.vmmanufacturer li ul,
.moduletable_menu ul li ul {
margin: 0;
padding: 0;
}
.moduletable ul.vmmanufacturer li li,
.moduletable_menu ul li li,
.moduletable ul.vmmanufacturer li li:hover,
.moduletable_menu ul li li:hover {
}
.moduletable_menu .vm_cart_products .product_row li li a,
.moduletable ul.vmmanufacturer li li a,
.moduletable_menu ul li li a {
padding-left: 40px;
background-position: 30px 13px;
}

.moduletable_menu .vm_cart_products .product_row li li a:hover,
.moduletable ul.vmmanufacturer li li a:hover,
.moduletable_menu ul li li a:hover {
background: none;
color:#e38f9b;
}
.moduletable_menu .vmCartModule .total{
padding-right:7px;
}
.moduletable_menu .vmCartModule .total,
.moduletable_menu .vmCartModule .total_products {
line-height: 31px;
margin: 2px 0;
text-indent:7px;
float: left;
font-weight: bold;
font-family:'Times New Roman';
font-size: 14px;
}

.moduletable_menu ul li:first-child {
}
.moduletable_menu .show_cart{
clear: both;
padding-right:15px;
}
.moduletable_menu .show_cart a{
background: url(../images/default/bt-cart.png) repeat-x scroll left bottom ;
border-bottom: 1px solid #e16b7a;
border-radius: 5px;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 12px;
margin: 10px 0;
padding: 4px 10px 3px;
width: auto;
}
.moduletable_menu .show_cart a:hover {
background: url(../images/default/bt-cart-hover.png) repeat-x scroll left bottom ;
border-bottom: 1px solid #cbcbcb;
color: #888989;
}
/*moduletable_listmenu */
.moduletable_listmenu ul li {
background: url(../images/default/icon-li.png) no-repeat left 9px scroll;
padding: 4px 0 4px 10px;
}
.moduletable_listmenu ul li:hover{
background: url(../images/default/icon-li.png) no-repeat left -46px scroll;
}
.moduletable_listmenu ul li a {
color: #fff;
font-size: 11px;
}
.moduletable_listmenu ul li:hover a {
color: #eb6477;
}
/*moduletable_mod-produce*/
.moduletable_mod-produce {
padding-bottom: 10px;
}
.moduletable_mod-produce ul {
background: url(../images/default/border.png) repeat-x left bottom scroll;
padding: 5px 0 8px;
overflow: hidden;
}
.moduletable_mod-produce ul li img {
width: 60px;
height: 60px;
background: #F6EAE8;
border: 1px solid #E0CAC6;
padding: 3px;
margin-right: 10px;
float:left;
}
.moduletable_mod-produce ul li a.lof-title {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.moduletable_mod-produce ul li .product_desc {
font-size:11px;
color: #616161;
}
.moduletable_mod-produce ul li .lof-price span {
color: #D35A07;
font: bold 15px/23px 'Arial';
}

/*moduletable_follow*/
div.moduletable_follow {
float: right;
margin: 5px 0!important;
}
.moduletable_follow h3.title {

}
.moduletable_follow a.facebook, .moduletable_follow a.twitter, .moduletable_follow a.google, .moduletable_follow a.linkedin {
background-image: url(../images/default/icon-social.png);
height: 21px;
margin: 0 2px 0 5px;
overflow: hidden;
text-indent: -9999em;
width: 21px;
display: inline-block;
float: left;
}
.moduletable_follow a.facebook {
background-position: -27px 0;
}
.moduletable_follow a.twitter {
background-position: -54px 0;
}
.moduletable_follow a.linkedin {
background-position: left 0px;
}
.moduletable_follow a.google {
background-position: -81px 0;
}

.moduletable_follow a.facebook:hover {
background-position: -27px -21px;
}
.moduletable_follow a.twitter:hover {
background-position: -54px -21px;
}
.moduletable_follow a.linkedin:hover {
background-position: left -21px;
}
.moduletable_follow a.google:hover {
background-position: -81px -21px;
}
.moduletable_follow a.facebook:hover ,
.moduletable_follow a.twitter:hover ,
.moduletable_follow a.linkedin:hover,
.moduletable_follow a.google:hover{
opacity : 0.6;
}
/*moduletable_currencies*/
.moduletable_currencies {
float: right;
}
.moduletable_currencies input.button{
height: 23px;
padding-bottom: 2px;
border-radius: 2px;
}
#leo-userbottom1 select#virtuemart_currencies_id {
background: #fafafa;
border: 1px solid #d9d9d9;
box-shadow: none;
border-radius: 3px;
}
#leo-userbottom1 input[value="Ok"] {
padding: 0 3px ;
float: left;
}
/*moduletable_cart-top*/
#cart-top {
float: right;
margin-left: 20px;
}
.moduletable_cart-top {
margin-top: 10px;
background: url(../images/default/bg-search.png) repeat 0 0;
padding: 3px 3px 3px 10px;
border-radius: 20px;
}
.moduletable_cart-top .leomodule {
display: inline-block;
}
.moduletable_cart-top h3.moduletitle {
padding:0;
text-align: right;
}
.moduletable_cart-top .modulecontent {
float: left;
margin: 0;
}
.moduletable_cart-top h3.moduletitle span {
font-size: 20px ;
font-weight: normal;
color: #6e6662;
text-transform: none;
}
.moduletable_cart-top .total,
.moduletable_cart-top .vm_cart_products {
display: none;
}
.moduletable_cart-top .total_products {
font-size: 12px;
color: #6e6662;
}
.moduletable_cart-top #vmCartModule div.show_cart {
display: none;
}
/* moduletable_paypay*/
.moduletable_paypay ul {
margin: 0;
}
.moduletable_paypay ul li a{
}
/*moduletable_advertising*/

div.moduletable_advertising {
padding: 5px!important;
}
div.moduletable_advertising p{
margin: 0;
}
/*moduletable_login*/
.moduletable_login {
float: left;
}
.moduletable_login .lof-panels-wrapper > div {
}
.moduletable_login .lof-userpanel .lof-button {
float: left;
padding: 1px 0!important;
}
.moduletable_login .lof-userpanel .lof-button span{
color: #fff;
font-size: 11px;
}
.moduletable_login .lof-userpanel .lof-button a:hover span{
color: #eb6477;
}
.moduletable_login .lof-userpanel .lof-button a span{
margin: 0 10px;
}
.panel-wrapper h3 {
border-bottom: none!important;
}
/*moduletable_free*/
.moduletable_free .custom_free {
display: inline-block;
}
.moduletable_free {}
.moduletable_free .free-left {
float: left;
width: 27.5%;
text-align: right;
}
.moduletable_free .free-center{
float: left;
width: 53.5%;
padding-top: 7px;
}
.moduletable_free .free-right{
float: right;
width: 19%;
}
.moduletable_free .free-center p.text1 {
color: #EB6477;
float: left;
font-size: 60px;
line-height: 60px;
margin: 12px 15px 0 0;
}
.moduletable_free .free-center p.text2 {
color: #6E6662;
font-size: 27px;
line-height: 27px;
margin: 0;
}
.moduletable_free .free-center p.text3 {
color: #eb6477;
font-size: 16px;
font-weight: bold;
}
.moduletable_free .free-center p.text4{
color: #7d7573;
text-shadow: 0 1px 0 #fff;
}
/**/
#leo-userbottom1 .leo-module {
padding: 2px 0 2px 55px}
.moduletable_truck {
background: url(../images/default/icon-truck.png) no-repeat scroll left center ;
}
.moduletable_light {
background: url(../images/default/icon-light-bulb.png) no-repeat scroll left center ;
}
.moduletable_gift {
background: url(../images/default/icon-gift.png) no-repeat scroll left center ;
}
.moduletable_lock {
background: url(../images/default/icon-locked.png) no-repeat scroll left center ;
}
.moduletable_truck p,
.moduletable_light p,
.moduletable_gift p,
.moduletable_lock p{
color: #fff;
font-weight: bold;
font-size: 14px;
margin: 0;
}
/*moduletable_newsletter*/
.moduletable_newsletter .inputbox{
border: 1px solid #fff;
float: left;
height: 26px;
line-height: 26px;width: 170px;
margin: 0 -2px 0 0;
}
.moduletable_newsletter .button{
background: #eb6477;
font-size: 14px;
height: 28px;
line-height: 28px;
padding: 0 5px;
text-transform: uppercase;

}
/*moduletable_contact*/
.moduletable_contact p.phone{
background: url(../images/default/icon-phone.png) no-repeat scroll left center ;
padding-left: 30px;
font-size: 14px;
line-height: 22px;
padding-left: 32px;
color: #fff;
}
/*moduletable_tabs*/
div.moduletable_tabs {
padding: 0 !important;
}
div.moduletable_tabs .gkTabsContainer .gkTabsItem {
padding: 0 0 10px 0;
background: none;
}
div.moduletable_tabs .gkTabsWrap.vertical ol {
border: none;
padding: 10px 10px 0!important;
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav li {
border-radius: 5px;
font-size: 20px!important;
color: #fff;
font-weight: normal;
text-shadow: none;
line-height: 36px!important;
padding: 0 15px!important;
}
div.moduletable_tabs .gkTabsWrap.vertical ol li:hover,
div.moduletable_tabs .gkTabsWrap.vertical ol li.active,
div.moduletable_tabs .gkTabsWrap.horizontal ol li:hover,
div.moduletable_tabs .gkTabsWrap.horizontal ol li.active{
border-radius: 5px;
color: #fff;
text-shadow: none;
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .active:before {
left: 25px;
bottom: -7px;
position: absolute;
width: 25px;
height: 10px;
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1.active:before {
content:url("../images/default/arrow1.png");
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2.active:before {
content:url("../images/default/arrow2.png");
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3.active:before {
content:url("../images/default/arrow3.png");
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1.active,
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1 {
background: #e38f9b;
box-shadow:0 0 5px #c17d87 inset;
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2.active,
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2{
background: #7eb5da;
box-shadow:0 0 5px #70a2c4 inset;
}
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3.active,
div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3{
background: #9aac49;
box-shadow:0 0 5px #88993f inset;
}
.moduletable_tabs .vmproduct li .item-pro {
padding: 15px 10px 12px;
overflow: hidden;
}
.moduletable_tabs .vmproduct li img {
width: 98px;
height: 108px;
border: 3px solid #e9e4e0;
border-radius: 2px;
margin-right: 10px;
float: left;
}
.moduletable_tabs .vmproduct li .item-pro a.lof-title {
font-size: 14px;
padding: 5px 0;
}
.moduletable_tabs .vmproduct li .item-pro .lof-price{
color: #eb6477;
font-size: 20px;
line-height: 20px;
padding: 3px 0;
}
.moduletable_tabs .vmproduct li .item-pro .product_desc {
margin: 10px;
}
/* moduletable_produces*/
.moduletable_produces .vmproduct_produces li {
padding: 8px 0;
}
.moduletable_produces .vmproduct_produces li .item-pro img {
border: 3px solid #E9E4E0;
border-radius: 2px ;
float: left;
margin-right: 8px;
width: 70px;
}
.moduletable_produces .vmproduct_produces li .product_desc {
max-height: 40px;
overflow: hidden;
margin: 5px;
}
.moduletable_produces .vmproduct_produces li a.lof-title {
font-size: 14px;
}
.moduletable_produces .vmproduct_produces li .lof-price{
color: #eb6477;
font-size: 18px;
}

Freeman Liberty · 26 Мар 2013

По идее самый простой вариант найти в индексном файле шаблона (файле где прописан вывод всех позиций шаблона) <div id="cart-top"> и заменить на <div id="leo-search">, <div id="leo-search"> - соответственно на просто <div>. Возможно еще css придется немного поправить, но тут Firebug в помощь

Vostok7Z · 26 Мар 2013

Freeman Liberty написал(а):
По идее самый простой вариант ..... но тут Firebug в помощь

Уверен, что выше перечисленные пути решения вопроса достижимы, но вариант предложенный Freeman Liberty, оказался для моего уровня знаний в частности самым "победимым".
Заменил div в выводе шаблона и подправил в css padding самого модуля и все встало как надо.
Спасиба большая всем.

Помощь Меняется стиль модуля при смене позиции

Vostok7Z

Создатель

Blanigator

Постоялец

vladya

Создатель

tempus

Создатель

Vostok7Z

Создатель

Freeman Liberty

Постоялец

Vostok7Z

Создатель