Форум русской поддержки Joomla!® CMS
08.12.2016, 00:20:45 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1] 2  Все   Вниз
  Добавить закладку  |  Печать  
Автор

[Решено] Как увеличить шрифт в названиях категорий товара?

 (Прочитано 683 раз)
0 Пользователей и 1 Гость смотрят эту тему.
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« : 24.04.2016, 11:20:12 »

Joomla 3.5.1
JoomShopping, Version 4.13.0

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

к примеру, чтоб все категории стали жирненьким и более крупным шрифтом, и опустить их ниже хотелось бы, а то они совсем прилипли к верхнему меню)
 -




« Последнее редактирование: 26.04.2016, 09:49:17 от alis2004 » Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Offline Offline

Пол: Женский
Сообщений: 4718

Мама, я снова верстал во сне...


« Ответ #1 : 24.04.2016, 11:25:34 »

ссылку на страницу
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #2 : 24.04.2016, 12:29:52 »

нет настроек, только править CSS
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #3 : 24.04.2016, 13:43:17 »

нет настроек, только править CSS
подскажите пожалуйста, где и что менять?
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #4 : 24.04.2016, 14:03:01 »

/components/com_jshopping/css/default.css

класс ссылки категории

font-size:
font-weight:

http://htmlbook.ru/css/font-size
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #5 : 24.04.2016, 16:51:51 »

/components/com_jshopping/css/default.css

класс ссылки категории

font-size:
font-weight:

http://htmlbook.ru/css/font-size

Спасибо большое!!

здесь?
/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
    margin-top:3px;
    margin-bottom:3px;
font-size: 14px;


а Это будет именно размер шрифта у Названий категорий?
переживаю чтоб не поменяла другой размер, потом в товаре некорректно отображаются...

к примеру, в Атрибуте\Опциях когда указываю. слишком растянуто - хотелось на более мелкие заменить - а для Опций где можно шрифт поменять? или расширить отображение текста опции в ячейке?





« Последнее редактирование: 24.04.2016, 17:00:19 от alis2004 » Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #6 : 24.04.2016, 17:02:58 »

Цитировать
здесь?
/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
    margin-top:3px;
    margin-bottom:3px;
font-size: 14px;

(уже попробовала заменить, - меняется размер шрифта бокового меню категории, а не в названии категорий по центру которые расположены у меня)  Sad

ссылка кнопки в меню на эти категории у меня указана - index.php?option=com_jshopping&view=category
Список категорий / Магазин

вот код из CSS дефаулта целиком:

Код:
.jshop h1{
    margin-top: 0px;
    font-size:16px;
}
table.jshop{
    border-collapse: collapse;
    border: 0px;
    width: 100%;
}
table.jshop td{
    vertical-align: top;
}
#jshop_menu_order{
    margin-bottom: 12px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}
td.jshop_order_step{
    padding:2px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    vertical-align: middle;
}
.jshop_order_step a{
    vertical-align: top;
    text-decoration: underline;
    font-size:12px;
}
.table_order_list {
    background-color: #F5F5F5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}
.table_order_list .buttons{
    text-align: center;
    padding-top: 10px;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="sblock"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
}
.row-fluid [class*="sblock"]:first-child {
    padding-left: 0;
}
.row-fluid .sblock2{
    width: 50%;
}
.row-fluid .sblock3{
    width: 33.333%;
}
.row-fluid .sblock4{
    width: 25%;
}
.row-fluid .sblock5{
    width: 20%;
}
.row-fluid .sblock6{
    width: 16.666%;
}
.row-fluid .sblock7{
    width: 14.285%;
}
.row-fluid .sblock8{
    width: 12.5%;
}
.row-fluid .sblock9{
    width: 11.111%;
}
.row-fluid .sblock10{
    width: 10%;
}
.row-fluid .sblock11{
    width: 9.09%;
}
.row-fluid .sblock12{
    width: 8.333%;
}

.myorders_block_info{
    margin-bottom: 30px;
}
.myorders_block_info .order_number{
    font-size: 120%;
    margin-bottom: 5px;
}
.myorders_block_info .order_status{
    font-size: 120%;
    margin-bottom: 5px;
}
.myorders_total{
    font-size: 120%;
}
.myorders_total .name{
    font-weight: bold;
}
.myorderinfo .userinfo{
    margin-top: 10px;
    margin-bottom: 20px;
    border:1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}
.myorderinfo .userbillinfo{
    padding-right: 10px;
}
.myorderinfo .product_head{
    margin-bottom: 5px;
}
.myorderinfo .order_number{
    font-size: 140%;
}
.myorderinfo .order_items{
    margin-bottom: 20px;
}
.myorderinfo .jshop_subtotal{
    margin-bottom: 20px;
}
.myorderinfo .shipping_block_info{
    margin-bottom: 15px;
}
.myorderinfo .payment_block_info{
    margin-bottom: 15px;
}
.myorderinfo .order_comment{
    margin-bottom: 15px;
}
.myorderinfo .history{
    margin-bottom: 15px;
}
img.jshop_img_thumb{
    padding: 1px;
    text-align: center;
    border: 1px solid #ccc;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;
    cursor: pointer;
}
.jshop label{
    margin: 0px;
    display: inline-block;
    margin-right: 5px;
}
.jshop input[type="radio"], .jshop input[type="checkbox"]{
    margin: 0px;
}
div.jshop_prod_description{
    padding-top:10px;
    padding-bottom: 10px;
}
div.jshop_prod_attributes{
    padding:0;
    margin:0;
    padding-bottom: 10px;
}
div.jshop_prod_attributes select{
    width: 140px;
}
div.jshop_prod_attributes .attributes_title{
    padding-top: 5px;
}
td.jshop_img_description {
    vertical-align: top;
    text-align:left;
    padding-left: 10px;
}
.jshop_subtotal .value{
    text-align: right;
    white-space: nowrap;
    width: 12%;
}
.jshop_subtotal .name{
    padding-right: 10px;
    text-align: right;
    width: 88%;
}
.jshop .total{
    font-weight: bold;
}
.related_header{
    margin-top: 20px;
    border-bottom: 1px solid #999;
    font-weight: bold;
    margin-bottom: 20px;
}
.td_1{
    text-align: left;
    font-weight: bold;
}
.td_2{
    text-align: right;
    font-weight: bold;
}
.jshop_pagination{
    text-align: center;
}
div.jshop_register{
    width: 80%;
    text-align: left;
    padding: 10px;
    padding-left:0px;
}
#comjshop_register div.jshop_register:first-child{
    padding-top: 0px;
}
div.last_register_block{
    padding-bottom: 0px;
}
.jshop_register .name{
}
.register_block .jshop_register .name{
}
.address_block .jshop_register .name{
}
.editaccount_block .jshop_register .name{
}
.small_header{
    padding-bottom: 5px;
    margin: 0px;
    display: block;
    font-size: 15px;
    font-weight: bold;
}
span.jshop_error {
    color:red;
    font-weight: bold;
    font-size: 14px;
    display: block;
}
span.text_pay_without_reg{
    display: block;    
    padding-bottom: 10px;
}
a.policy {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}
#active_step{
    font-weight: bold;
    padding:0;
    margin:0;
    vertical-align: middle;
}
p.jshop_cart_attribute{
    padding-left:10px;
    font-weight:bold;
    font-style: italic;
    font-size: 13px;
    margin-top:1px;
    margin-bottom:4px;
}
p.jshop_cart_extra_field{
    padding-left:10px;
    font-weight:bold;
    font-style: italic;
    font-size: 13px;
    margin-top:1px;
    margin-bottom:4px;
}
.jshop_price{
    color: #950000;
}
span.attr{
    font-weight: bold;
    font-style: italic;
    font-size:12px;
}
div.jshop_register .inputbox{
}
span.review{
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}
.review_text_not_login{
    margin-top: 10px;
    font-style: italic;
}
textarea.jshop{
    border: 1px solid #b0b1b2;
}
tr.reviews td{
    padding-bottom:15px;
}
td.reviews{
    padding-left:45px;
}
#mxcpr{
    padding-top:20px;
    text-align: right;
    display:block;
}
#mxcpr a{
    font-size:12px;
}
.jshop_code_prod{
    color: #999;
    font-weight: normal;
    font-size: 12px;
}
.jshop .weightorder{
    text-align: right;
    margin-top: 10px;
}
.jshop .shippingfree{
    text-align: right;
    margin-top: 10px;
}
.jshop .price_prod_qty_list .qty_line{
    padding-left: 5px;
    padding-right: 5px;    
}
.jshop .price_prod_qty_list .qty_price{
    padding-left: 5px;
    font-weight: bold;    
}
.jshop .price_prod_qty_list .qty_price span.per_piece{
    font-weight: normal;
}
.jshop span.old_price{
    text-decoration: line-through;
    font-style: normal;
}
.jshop .list_product_demo{
    padding-top:10px;
}
.jshop .list_product_demo .download{
    padding-left:5px;
}
.jshop .not_available{
    color: red;
    margin-top:10px;
}
.jshop_list_product .row-fluid{
}
.jshop_list_product .block_product{
    margin-bottom: 30px;
}
.jshop_list_product .jshop .old_price{    
    text-align: center;
    color: #999;
    margin-bottom: 5px;
}
.jshop_list_product .jshop .old_price span{
    text-decoration: line-through;
}
.jshop_list_product .jshop .price_extra_info{
    text-align: center;
    margin-bottom: 5px;
}
.jshop_list_product .jshop .base_price{
    text-align: center;
    margin-bottom: 5px;
}
.jshop_list_product .product td{
    vertical-align: top;
}
.jshop_list_product .product .image{
    text-align: center;
    margin-bottom: 5px;
}
.jshop_list_product .product .name{
    text-align: center;
    font-size: 18px;
    margin-bottom: 5px;
}
.jshop_list_product .product .review_mark{
    width: 80px;
    margin-left:auto;
    margin-right: auto;
}
.jshop_list_product .product .description{
    padding-bottom: 5px;
    padding-top: 5px;
}
.jshop_list_product .product .buttons{
    text-align: center;
}
.jshop_list_product .product .buttons a{
    margin-top: 5px;
}
.jshop_list_product .product .jshop_price{
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}
.jshop_list_product .product div.count_commentar{
}
.jshop_list_product .product .taxinfo{
    font-size:13px;
}
.jshop_list_product .product .plusshippinginfo, .jshop_list_product .product .plusshippinginfo a{
    font-size:13px;
}
.jshop_list_product .list_related .jshop_related{
    margin-bottom: 15px;
}
.jshop_list_product .image_block{
    padding: 2px;
    display: inline-block;
}
.jshop_list_product .jshop .not_available{
    margin-top:0px;
    margin-bottom: 5px;
    text-align: center;
}
.jshop_list_product .box_products_sorting{
    padding-right:5px;
}
.jshop_list_product .box_products_sorting img{
    cursor: pointer;
}
.jshop_list_product .margin_filter{
    height:8px;
}
.jshop_list_product .box_manufacrurer{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_category{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .filter_price{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_price_from{
    padding-right: 3px;
}
.jshop_list_product .clear_filter{
    font-size:13px;
    padding-left: 5px;
}

.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;    
}
.jshop .product_label .label_name{
    font-weight: bold;
    color: #950000;
}
.productfull .prod_price{
}
.productfull .old_price{
    color: #999;
    margin-bottom: 5px;
}
.productfull #block_price{
    font-size:18px;
    color: #950000;
}
.productfull .taxinfo{
    font-size:13px;
}
.productfull .plusshippinginfo{    
    font-size:13px;
}
.productfull .plusshippinginfo a{
    font-size:13px;
}
.productfull .prod_buttons {
    margin-top:5px;
}
.productfull div.prod_url{
    text-align: right !important;
}
.productfull .productweight{
    margin-top: 5px;
}
.productfull .extra_fields{
    margin-top: 5px;
}

.productfull .prod_qty{
    display: inline-block;
}
.productfull .prod_qty_input{
    padding-left: 5px;
    display: inline-block;    
}
.productfull .buttons{
    padding-left:10px;
    display: inline-block;
}

.productfull .qty_in_stock{
    margin-bottom: 10px;
}
.jshop_subtotal .plusshippinginfo, .jshop_subtotal .plusshippinginfo a{
    font-size:13px;
}
.jshop_subtotal .free_discount{
    font-size:13px;
}
.jshop_list_manufacturer .manufacturer td{
    vertical-align: top;
}
.jshop_list_manufacturer .manufacturer .image{
    padding-right: 5px;
}
.shipping_weight_to_price{
    margin-left:24px;
    margin-top:5px;
    border: 1px solid #000;
}
.shipping_weight_to_price .weight{
}
.shipping_weight_to_price .price{
    padding-left: 5px;
}
span.prod_attr_img{
    padding-left:5px;
}
span.prod_attr_img img{
    width:20px;
    height:20px;
}
.radio_attr_label img{
    width:20px;
    height:20px;
}

/*review*/
.review_header{
    margin-top:20px;
    font-weight: bold;
    border-bottom: 1px solid #999;
}
.review_item{
    border-bottom: 1px dotted #999999;
    padding: 10px;
    padding-left: 0px;
}
.review_user{
    font-weight:bold;
}
.review_time{

}
.review_text{
    padding-top: 2px;
    padding-bottom: 2px;
}
.review_mark{
    color: #333333;
    height: 18px;
}
#jshop_review_write .inputbox{
    width:180px;
}
.stars_no_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
.stars_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px -16px;
}
.jshop .downlod_order_invoice{
    float:right;
}
.jshop .order_payment_params{
    padding-top:3px;
    font-size: 13px;
}
.vendordetailinfo .name{
    width:130px;
}
.requiredtext{
    padding-bottom: 10px;
    color: #A00;
    font-size:13px;
}
.jshop .input_type_radio{
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
}
.jshop_profile_data{
    margin-bottom: 10px;
}
.jshop_profile_data .name{
    font-weight: bold;
}
.jshop_profile_data span{
    font-weight: bold;
}
.jshop_profile_data span.subinfo{
    font-size:13px;
}
.jshop_profile_data .jshop_user_group_info{
    font-size:13px;
}
.jshop .groups_list .title{
    width:150px;
}

/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
    margin-top:3px;
    margin-bottom:3px;
font-size: 13px;

}
.jshop_menu_level_1, .jshop_menu_level_1_a{
    padding-left: 12px;
    margin-top:3px;
    margin-bottom:3px;    
}

.jshop_menu_level_2, .jshop_menu_level_2_a{
    padding-left: 20px;
    margin-top:3px;
    margin-bottom:3px;    
}
.jshop_menu_level_0_a a, .jshop_menu_level_1_a a, .jshop_menu_level_2_a a{
    font-weight:bold !important;
}
/**/

.label_products .block_item{
    margin-bottom: 10px;
}

.top_rating .block_item{
    margin-bottom: 10px;
}

.bestseller_products .block_item{
    margin-bottom: 10px;
}
.latest_products .block_item{
    margin-bottom: 10px;
}

.random_products .block_item{
    margin-bottom: 13px;
}

.jshop_filters .filter_price{
    padding-right: 5px;
}
.jshop_filters .clear_filter{
    display: block;
    font-size: 13px;
}
.jshop_button_print{
    width: 30px;
    float: right;
    text-align:right;
}
.extra_fields .extra_fields_group{
    font-weight: bold;
    padding-top:3px;
}
.extra_fields div{
}
.filter_characteristic .characteristic_name{
    padding-top:5px;
}
.filter_characteristic .characteristic_group{
    font-weight: bold;
    padding-top:5px;
}
.jshop td.attributes_title {
    width: 100px;
}
.jshop span.attributes_description {
    font-style: italic;
    display: block;
}
.jshop span.freeattribut_description {
    font-style: italic;
    display: block;
}
.jshop span.extra_fields_description {
    font-style: italic;
}
.jshop .prod_attr_img{
    vertical-align: top;
}
.jshop .cart .product_name{
    text-align: left;
}
.cart th.product_name{
    padding-left: 5px;
}
.jshop .prod_qty_input input{
    width:50px;
    margin-bottom: 0px;
}
.productfull .image_middle{
    width: 100px;
}
.productfull .manufacturer_name{
    padding-bottom: 10px;
}
.productfull .prod_free_attribs{
    padding-bottom: 10px;
}
.productfull .price_prod_qty_list{
    margin-bottom: 10px;
}
.productfull .button_back{
    padding-top: 10px;
}
.jshop_img_description #list_product_image_thumb{
    display: block;
}
.productfull .text_zoom {
    padding-bottom: 5px;
    padding-top: 3px;
}
.productfull .text_zoom img {
    float: left;
    padding-right: 5px;
}
.productfull a.lightbox:hover{
    color:#000 !important;
}
.fielderror{
    background-color: #FDC055 !important;
}
.jshop_categ{
    margin-bottom: 20px;
}
.attributgr_name{
    font-weight: bold;
}
#table_shippings .shipping_form{
    display: none;    
}
#table_shippings .shipping_form_active{
    display: block;
}
.jshop .order_shipping_params {
    font-size: 15px;
    padding-top: 3px;
}
/*cart table response*/
.mobile-cart {
    display: none;
}
#all, #contentarea, #contentarea2, #all #header{
    width: auto !important;
}
.cart{
    border-collapse: collapse;
    border:1px solid #ccc;
}
.cart th{
    text-align: center;
    background-color: #f5f5f5;
    padding: 1px;
    color: #000;
    border: 1px solid #ccc;
}
.cart td{
    text-align: center;
    border: 1px solid #ccc;
    padding:7px 5px;
    vertical-align: top;
}
.cart th table{
    border-collapse: collapse;
}
.cart .odd td{
    background-color: #fff;
    color: #000;
}
.cart .even td{
    background-color: #fdfdfd;
    color: #000;
}
.cart .taxinfo{
    display: block;
    font-size:15px;
}
.cart .jshop_code_prod{
    font-size:15px;
}
.cart .manufacturer{
    padding:5px 0px 6px 10px;
    font-size:15px;
    font-weight: bold;
    font-style: italic;
}
.cart .list_extra_field{
    padding-top:3px;
}
.cart .cart_reload{
    cursor: pointer;
}
.cart .cart_reload a.btn{
    display: none;
}
.cart .remove_to_cart .btn-primary{
    display: none;
}
.cart .remove .btn-danger{
    display: none;
}
.wishlish_buttons{
    margin-top:20px;
}
.cart_buttons{
    margin-top:10px;
}
.cart .quantity .inputbox{
    width: 50px;
    margin-bottom: 0px;
}
.cartdescr{
    margin-bottom: 15px;
}
.cart_block_discount{
    margin-top: 35px;
}
.cart_block_discount .inputbox{
    margin-bottom: 0px;
}
.cart_block_discount .name{
    float:left;
    min-width: 100px;
    padding-top:5px;
}
#checkout a img{
    margin-bottom: 5px;
}
.login_block .form-horizontal .control-label{
    width: 100px;
    text-align: left;
    float: left;
}
.login_block .form-horizontal .controls {
    margin-left: 100px;
}
.login_block .rowpasword, .login_block .rowremember, .login_block .rowbutton, .login_block .rowlostpassword{
    margin-bottom: 8px !important;
}
.logintext{
    margin-bottom: 10px;  
}
.block_sorting_count_to_page .icon-arrow{
    width: auto;
    height: auto;
}
.block_sorting_count_to_page .icon-arrow img{
    margin-bottom: 8px;
    margin-left: 3px;
}
.form-horizontal .form_sort_count .control-label{
    text-align: left;
    width: 85px;
    float:left;
}
.form-horizontal .form_sort_count .controls{
    margin-left: 88px;
    margin-right: 15px;
}
.form-horizontal .form_sort_count .controls .inputbox{
    width: 140px;
}
.form-horizontal .form_sort_count .controls .input{
    width: 90px;
}
.form-horizontal .filter_price label{
    display: none;
}
.address_block .form-horizontal .box_button .controls{
    margin-left: 0px;
}
.form-horizontal .other_delivery_adress .controls{
    padding-top: 5px;    
}
.checkout_payment_block #table_payments{
    border-collapse: collapse;
    margin-bottom: 15px;
}
.checkout_payment_block #table_payments .name{
    padding: 5px 0px;
}
.checkout_payment_block #table_payments .jshop_payment_method{
    padding-left: 20px;
}
.checkout_shipping_block #table_shippings{
    border-collapse: collapse;
    margin-bottom: 15px;
}
.checkout_shipping_block #table_shippings .name{
    padding: 5px 0px;
}
.checkout_pfinish_block .checkoutinfo{
    margin: 20px 0px;
}
.pfinish_comment_block{
    width: 100%;
    max-width:325px;
    margin: 0px auto;
}
.pfinish_comment_block .box_button{
    text-align: center;
    margin-top: 10px;
}
.pfinish_comment_block .name{
    text-align: center;
    margin-bottom: 3px;
}
.pfinish_comment_block #order_add_info{
    height:70px;
    width: 100%;
    max-width:320px;
}
.block_rating_hits{
    height:22px;
}
.block_rating_hits table{
    float:right;
    width: auto;
    border:0px;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.btn.btn-arrow-left, .btn.btn-arrow-left:hover, .btn.btn-arrow-left:focus{
background-image: url(../images/arrow_left.gif);
background-repeat: no-repeat;
    background-position: 8px center;
padding-left:20px;
}
.btn.btn-arrow-right, .btn.btn-arrow-right:hover, .btn.btn-arrow-right:focus{
background-image: url(../images/arrow_right.gif);
background-repeat: no-repeat;
    background-position: right 8px center;
padding-right:20px;
}

@media (min-width: 768px){
    .form-horizontal .block_sorting_count_to_page .control-label{
        width: 60px;
    }
    .form-horizontal .block_sorting_count_to_page .controls{
        margin-left: 65px;
    }
    .form-horizontal .block_sorting_count_to_page .controls .inputbox{
        width: 100px;
    }    
    .form-horizontal .box_products_count_to_page .control-label{
        width: 50px;
    }
    .form-horizontal .box_products_count_to_page .controls{
        margin-left: 55px;
    }
    .form-horizontal .box_products_count_to_page .controls .inputbox{
        width: 60px;
    }
    .form-horizontal .block_sorting_count_to_page .control-group{
        float:left;
    }
    .form-horizontal .block_sorting_count_to_page:after {
        clear: both;
        content: "";
        display: table;
    }
    .form-horizontal .box_cat_man .control-group{
        float:left;
    }
    .form-horizontal .box_cat_man:after {
        clear: both;
        content: "";
        display: table;
    }
    .form-horizontal .filter_price .control-group{
        float:left;
    }
    .form-horizontal .filter_price:after {
        clear: both;
        content: "";
        display: table;
    }
    .form-horizontal .box_price_to .control-label{
        width: 30px;
    }
    .form-horizontal .box_price_to .controls{
        margin-left: 30px;
    }
    .form-horizontal .filters .box_button .controls{
        margin-left: 10px;
    }
    .form-horizontal .box_price_from .control-label{
        width: 30px;
    }
    .form-horizontal .box_price_from .controls{
        margin-left: 40px;
    }
    .form-horizontal .box_category .control-label{
        width: 63px;
    }
    .form-horizontal .box_category .controls{
        margin-left: 65px;
    }
}

@media (min-width: 980px){
    .form-horizontal .box_price_from .control-label{
        width: 63px;
    }
    .form-horizontal .box_price_from .controls{
        margin-left: 65px;
    }
}

@media (min-width: 768px) and (max-width: 979px){
    .login_block .form-horizontal .controls .inputbox{
        width: 140px;
    }
    .form-horizontal .form_sort_count .controls .input{
        width: 70px;
    }
}

@media (max-width: 767px) {
    
    .row-fluid [class*="sblock"] {      
        padding-left: 0px;
    }
    .row-fluid .sblock2{
        width: 100%;
    }
    .row-fluid .sblock3{
        width: 100%;
    }
    .row-fluid .sblock4{
        width: 100%;
    }
    .row-fluid .sblock5{
        width: 100%;
    }
    .row-fluid .sblock6{
        width: 100%;
    }
    .row-fluid .sblock7{
        width: 100%;
    }
    .row-fluid .sblock8{
        width: 100%;
    }
    .row-fluid .sblock9{
        width: 100%;
    }
    .row-fluid .sblock10{
        width: 100%;
    }
    .row-fluid .sblock11{
        width: 100%;
    }
    .row-fluid .sblock12{
        width: 100%;
    }
    
    .mobile-cart {
        display: inline-block;
        font-weight: bold;
        width: 40%;
    }    
    #jshop_menu_order tr{
        display: block;
        width: 100%;
    }
    #jshop_menu_order tr td{
        display: inline-table;
        width: 100%;    
        line-height: 26px;
    }
    .jshop.cart, .jshop.cart tbody{
        display: block;
        border:0px;
    }
    .jshop.cart tr{
        display: block;
        width: 100%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background-size: 100% 100%;
        color: black;
        margin-bottom: 20px;
    }
    .jshop.cart tr:first-child{
        border: 1px solid #ccc;  
        margin-bottom: 10px;
        display: none;
    }
    .jshop.cart tr th{
        display: inline-table;
        width: 100%;    
        line-height: 26px;
        border: none;
        border-bottom: 1px solid #565656;
    }
    .jshop.cart tr td{
        display: flex;    
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
        text-align:left;
    }
    .cart .odd td, .cart .even td{
        background-color: #fff;
    }
    .cart .product_name a{
        display:block;
    }
    .jshop_img_description_center .mobile-cart{
        display: none;
    }  
    .login_block .form-horizontal .controls {
        margin-left: 160px;
    }
    .pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register{
        margin-left: 160px;
    }
    .jshop_list_product .block_product{
        border:1px solid #ccc;
        padding:5px;
        border-radius:4px;
    }
    .cart_block_discount .name{
        float:none;
    }
    .cart_block_discount input{
        display: block;
        margin-top:10px;
    }
}
@media (max-width: 480px) {
    .form-horizontal .form_sort_count .controls .inputbox {
        width: 115px;
    }
    .form-horizontal .form_sort_count .controls {
        margin-right: 0px;
    }
    .form-horizontal .form_sort_count .controls .input {
        width: 70px;
    }
    .block_rating_hits table{
        float:left;
    }
    .productfull .prod_qty{
        display: block;
    }
    .productfull .prod_qty_input{
        padding-left: 0px;
        margin-top:10px;
        display: block;    
    }
    .productfull .buttons{
        padding-left:0px;
        display: block;
    }
    .productfull .buttons input{
        display: block;
        margin-top:10px;
    }
    .form-horizontal .other_delivery_adress .control-label{
        float: none;
    }
    .jshop_payment_method td, .jshop_payment_method tr{
        display: block;
    }
    .jshop .downlod_order_invoice {
        float: none;
        padding-bottom:10px;
    }
    .form-horizontal .form_sort_count .control-label{
        float:left;
        padding-top:5px;
    }
    .login_block .form-horizontal .control-label{
        float:none;
    }
    .login_block .form-horizontal .controls{
        margin-left:0px;
    }
    .pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register {
        margin-left: 0px;
    }
}

« Последнее редактирование: 24.04.2016, 17:14:04 от alis2004 » Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #7 : 24.04.2016, 17:15:53 »

это вопрос по ЖШ ?
это основы ЦСС, общий раздел или гугл/яша в помощь!
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #8 : 24.04.2016, 17:18:13 »

Да видимо сложно вам будет, почитайте сначала немного про CSS стили
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #9 : 24.04.2016, 17:33:25 »

это вопрос по ЖШ ?
это основы ЦСС, общий раздел или гугл/яша в помощь!

Гугляша в помощь понимающим людям знающим что искать(( знающим какие ключевые фразы помогут найти ответ на вопрос. А я с конкретикой не дружу, в данном вопросе совсем дундук Crazy  поэтому и пришла на форум к людям которые меня поймут... все ведь когда нибудь учились (( и надеюсь вам никто на дверь не указывал, когда вы хотели в чем-то разобраться и спрашивали  Sad

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

основы CSS увы мне ниочем не говорят, я читаю что японскую книгу((
я понимаю, что (к примеру) 12px - отвечает за размер 12 пикселей
и что если мне нужно изменить размер  я просто меняю это число...

и что если ищу размер шрифта Категорий, то слово categories по идее будет за этот размер отвечать..
а нет, увы, отвечает за боковой модуль ...

Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #10 : 24.04.2016, 17:51:33 »

я никому на дверь не указывал.
проблемка в том что "основы CSS увы мне ниочем не говорят" вот !
ведь когда у вас заболит в правом боку, вы же не идете на форум медиков и в аптеку за скальпелем ?
правильно... потому что оно не Ваше.
НО! Если уж Вы решили разобраться как это работает и решить свой вопрос тогда разбирайтесь кто же против ?
Вопросы которые Вы задаете говрят о том, что ситуация напоминает... когда человек заходит в кафе, и кричит официанту чтобы ему сделали бутерброд,
причем просто так. ему некогда разбираться, как его всегда ему готовит его жена, он просто его хавает, имено такой - с сьомгой, черным хлебом и маслом.
потому сделайте. просто так. ну и не парится же ему с этим вопросом чтобы изучить такую мелочь, которая ему по сути больше не нужна.. потому сделайте.

Причем те кто в кафе, понимают что зашедший не отличает сьомгу от форели та и от сельди тоже... и уж тем более не знает где покупать.

Это раздел Жумшоппинга. Типа передача мастер-шефф... где типа пытаются готовить круто только салаты.
и тут появляется человек который не знает как выглядят помидоры. Как думаете каков будет ответ участников ?
Правильно ! зайти в соседний раздел и узнать как выглядят помидоры, какие они на вкус и где их можно купить.

Вам надо разобраться с CSS, почему он называется каскадными стилями. И просто, всего лишь, применит к Вашей ситуации. может взглянув еще через FireBug
Если Вы хотите просто получить решение и пойти себе дальше, то на мой (лично) взгляд, Dы приравниваете участников раздела к «Резиновому изделию № 2» (выжившие в СССР поймут)
такое же одноразовое использование во имя удовлетворения своих желаний.

Почитайте про CSS. Тогда и Вы поймете многое из своего вопроса и удивитесь нафига я писал такой длинный пост.
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #11 : 24.04.2016, 18:04:33 »

Если Вы хотите просто получить решение и пойти себе дальше, то на мой (лично) взгляд, Dы приравниваете участников раздела к «Резиновому изделию № 2» (выжившие в СССР поймут)
такое же одноразовое использование во имя удовлетворения своих желаний.
Почитайте про CSS. Тогда и Вы поймете многое из своего вопроса и удивитесь нафига я писал такой длинный пост.

я 7 лет сидела на юкозе, но тарифы на модуль интернет магазина заставили задуматься о смене "места жительства"..
поэтому, что бы перенести все свое нажитое добро, а точнее - нарисовать сайт с нуля, т.к. перенос невозможен простым смертным, приходится адаптироваться и начинать привыкать к Joomla и JoomShopping
первые 6 суток до 4 утра сидела с красными глазами (а в 7 вставать!) вычитывая все форумы и просматривая обучалки, сотню раз психовала и бросала .. Но у маня только вчера наконец-то начало получаться! Но все еще Есть мелочи, которые режут глаз...
И если вам сложно ткнуть носом в нужную строку, то чтож.. еще 7 суток не посплю((
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #12 : 24.04.2016, 18:11:02 »

По картинке вам никто ничего не скажет, это как минимум ссылка на сайт нужна . Допустим у вас это строка 95 а у меня может быть 1095
а в общем это может у вас модуль а не компонент кто ж знает что там и с чем надо работать ...
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #13 : 24.04.2016, 20:51:01 »

По картинке вам никто ничего не скажет, это как минимум ссылка на сайт нужна

домен пока тестовый,
http://jm1.alis2004.2ac3d.spectrum.myjino.ru
экспериментирую пока с настройками\дизайном... еще оч.долго до готовности... поэтому и показывать особо не хочется   dry
в задумке хотелось бы в левом поле "рекомендуемые" товары вывести, но еще не поняла как.. видимо модуль какой-то подключать нужно..

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

« Последнее редактирование: 24.04.2016, 22:17:34 от alis2004 » Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #14 : 24.04.2016, 22:09:09 »

1. у вас не подключаются стили от магазина. либо в настройках не включили подгрузку либо где то жестко обрезали.
2. http://prntscr.com/awaxwt а дальше смотрите как прописывать стили что такое каскадность (вложенность) и т.д.

если перешли с Юкоза, значит поняли, что бесплатность условная.
обычно она ограниченна функционалом или временем.
потому как гласит умная пословица "если вы будете вкладывать содержимое вашего кошелька в голову, то у вас никто этого уже не отнимет."
потратьте сейчас время на обучение и потом будете на налегке делать вещи которые вам казались до того архисложными Wink
ничего сложного нет. главное понять.
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #15 : 24.04.2016, 22:53:07 »

спасибо большое!!

1. у вас не подключаются стили от магазина. либо в настройках не включили подгрузку либо где то жестко обрезали.

умоляю, поподробней = что значит не подключены стили?
может и не подключила, т.к. не знала что такое и с чем едят...

2. http://prntscr.com/awaxwt а дальше смотрите как прописывать стили что такое каскадность (вложенность) и т.д.

почти поняла, спасибо!))) теперь хоть знаю где смотреть)))

если перешли с Юкоза, значит поняли, что бесплатность условная.
обычно она ограниченна функционалом или временем.
потому как гласит умная пословица "если вы будете вкладывать содержимое вашего кошелька в голову, то у вас никто этого уже не отнимет."
потратьте сейчас время на обучение и потом будете на налегке делать вещи которые вам казались до того архисложными Wink
ничего сложного нет. главное понять.

с ucoz бесплатно года 2 было, ну кроме оплаты скрытия рекламных баннеров.. но было как то терпимо.. но когда ввели оплату за модуль интернет магазина, а затем поднимать-и поднимать тарифы, обидненько стало... Но до такой степени привыкла к движку и настройкам.. что все другие сайты с модулями магазинов даже если и пыталась вникать, очень сложными казались...
но курс увы растет. а ucoz не дешевеет))
вот решилась на jino.ru попробовать перебраться..

И раз приняла решение заняться переходом серьезно, то и голову прийдется подключать))
пока методом "тыка, проб и ошибок".. но потихоньку, и уже многое получилось что хотела))
еще раз спасибо!

Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #16 : 24.04.2016, 23:06:04 »

http://prntscr.com/awbrqs
ВАШСАЙТ/administrator/index.php?option=com_jshopping&controller=config&task=otherconfig

в конце "Использовать CSS"
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #17 : 24.04.2016, 23:37:48 »

в конце "Использовать CSS"

вроде бы было...

Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #18 : 24.04.2016, 23:44:31 »

тогда странно.
должен грузится но ...
CSS магазина вообще не грузится.
Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #19 : 24.04.2016, 23:46:28 »

хотя нет. грузится.
http://prntscr.com/awci75

вы там правки не делали? может ошибки где-то в ЦСС и стили не грузятся.
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #20 : 25.04.2016, 00:07:57 »

Мне кажется дело в хостинге .
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #21 : 25.04.2016, 00:09:12 »

вы там правки не делали? может ошибки где-то в ЦСС и стили не грузятся.

виновна, правки делала.. какраз сидела по FTP в components/com_jshopping/css/default.css
- выискивала 38px у какого поля есть такой параметр .. но увы((



Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1250


« Ответ #22 : 25.04.2016, 00:33:42 »

Дело не в хостинге ...
В стандартном файле default.css не прописан стиль для заголовков категорий (специально посмотрел)
и еще много для чего не прописан)

поэтому придется сделать это самостоятельно

Дописывайте стили или в default.css
или в основном стилевом файле вашего шаблона templates/jino/css/template.css

Для заголовка:
Код
.category_name .product_link {
цвет
размер шрифта
подчеркивание
и прочее ...
}
 

только это вас не спасет .. Без базовых знаний CSS все равно далеко не уедете.
Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #23 : 25.04.2016, 08:32:03 »

увы, так и не нашла как сдвинуть категории и увеличить((
в каком CSS файле его настройка? в дефаулте нет(( я уже все варианты перепробовала((

Дело не в хостинге ...
В стандартном файле default.css не прописан стиль для заголовков категорий (специально посмотрел)
и еще много для чего не прописан)

поэтому придется сделать это самостоятельно

Дописывайте стили или в default.css
или в основном стилевом файле вашего шаблона templates/jino/css/template.css

Для заголовка:
Код
.category_name .product_link {
цвет
размер шрифта
подчеркивание
и прочее ...
}
 

ааааааа, их не было.. настроек??  Shocked



если не сложно, подскажите пожалуйста, в товар когда входишь с описанием, что бы нажать купить - нужно в самый низ странички спускаться - а можно как-то вверх вывести кнопочку купить?
Записан
dmitry_stas
Профи
********

Репутация: +798/-4
Online Online

Сообщений: 7773



« Ответ #24 : 25.04.2016, 10:14:29 »

в главном разделе есть FAQ, в нем есть список файлов шаблона JoomShopping. посмотрите какой файл шаблона за что отвечает (карточка товара нужна в данном случае), и просто перенесите блок вывода кнопок в шаблоне туда, куда нужно. только обратите внимание, что перемещать кнопки нужно в пределах form товара. чтобы не вынесли их за ее пределы, либо чтобы не перенесли их в форму отзывов. и наоборот, если отзывы будете двигать - то тоже следите, чтобы форма отзывов не получилась вложенной в форму товара. вложенные формы нельзя, браузеры не понимают, и при написании отзыва будет ошибка.
Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #25 : 25.04.2016, 10:18:50 »

в вашем случае проще опустить описание в конец Azn
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #26 : 25.04.2016, 11:54:35 »

Вот вам примеры для наглядности
http://prntscr.com/awiv79
http://prntscr.com/awiymw
« Последнее редактирование: 25.04.2016, 12:04:40 от Biss » Записан
alis2004
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 56



« Ответ #27 : 25.04.2016, 15:00:10 »

Дописывайте стили или в default.css
или в основном стилевом файле вашего шаблона templates/jino/css/template.css
Для заголовка:
Код
.category_name .product_link {
цвет
размер шрифта
подчеркивание
и прочее ...
}
 

спасибо вам большое, дописала в default.css снизу, и получилось изменить на жирный шрифт и увеличить.
но уже все перепробовала, перечитала основные команды кода, но так и не получается опустить ниже весь этот блок  с категориями, а то сильно вверху возле меню...  И еще хотелось бы уменьшить отступ между картинкой и текстом (вот в фотошопе показываю что хотелось бы добиться. Помогите пожалуйста, что в коде дописать нужно?


Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #28 : 25.04.2016, 15:04:24 »

http://prntscr.com/awkqzg
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #29 : 25.04.2016, 15:08:45 »

И еще хотелось бы уменьшить отступ между картинкой и текстом
Допишите в CSS
div.jshop_categ > div.image {
    width: 30%;
}

но так и не получается опустить ниже весь этот блок  с категориями, а то сильно вверху возле меню...  
.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
}
http://jm1.alis2004.2ac3d.spectrum.myjino.ru/templates/jino/css/template.css
« Последнее редактирование: 25.04.2016, 15:18:32 от umbabaraumba » Записан
Страниц: [1] 2  Все   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet