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

  • 34 Ответов
  • 1112 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

alis2004

Joomla 3.5.1
JoomShopping, Version 4.13.0

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

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




« Последнее редактирование: 26.04.2016, 10:49:17 от alis2004 »

*

Taatshi

ссылку на страницу
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.

*

Biss

нет настроек, только править CSS

*

alis2004

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

*

Biss

/components/com_jshopping/css/default.css

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

font-size:
font-weight:

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

*

alis2004

/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, 18:00:19 от alis2004 »

*

alis2004

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

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

ссылка кнопки в меню на эти категории у меня указана - 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, 18:14:04 от alis2004 »

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
это вопрос по ЖШ ?
это основы ЦСС, общий раздел или гугл/яша в помощь!
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

Biss

Да видимо сложно вам будет, почитайте сначала немного про CSS стили

*

alis2004

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

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

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

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

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


*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
я никому на дверь не указывал.
проблемка в том что "основы CSS увы мне ниочем не говорят" вот !
ведь когда у вас заболит в правом боку, вы же не идете на форум медиков и в аптеку за скальпелем ?
правильно... потому что оно не Ваше.
НО! Если уж Вы решили разобраться как это работает и решить свой вопрос тогда разбирайтесь кто же против ?
Вопросы которые Вы задаете говрят о том, что ситуация напоминает... когда человек заходит в кафе, и кричит официанту чтобы ему сделали бутерброд,
причем просто так. ему некогда разбираться, как его всегда ему готовит его жена, он просто его хавает, имено такой - с сьомгой, черным хлебом и маслом.
потому сделайте. просто так. ну и не парится же ему с этим вопросом чтобы изучить такую мелочь, которая ему по сути больше не нужна.. потому сделайте.

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

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

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

Почитайте про CSS. Тогда и Вы поймете многое из своего вопроса и удивитесь нафига я писал такой длинный пост.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

alis2004

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

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

*

Biss

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

*

alis2004

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

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

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

« Последнее редактирование: 24.04.2016, 23:17:34 от alis2004 »

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
1. у вас не подключаются стили от магазина. либо в настройках не включили подгрузку либо где то жестко обрезали.
2. http://prntscr.com/awaxwt а дальше смотрите как прописывать стили что такое каскадность (вложенность) и т.д.

если перешли с Юкоза, значит поняли, что бесплатность условная.
обычно она ограниченна функционалом или временем.
потому как гласит умная пословица "если вы будете вкладывать содержимое вашего кошелька в голову, то у вас никто этого уже не отнимет."
потратьте сейчас время на обучение и потом будете на налегке делать вещи которые вам казались до того архисложными ;)
ничего сложного нет. главное понять.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

alis2004

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

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

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

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

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

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

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

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


*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
http://prntscr.com/awbrqs
ВАШСАЙТ/administrator/index.php?option=com_jshopping&controller=config&task=otherconfig

в конце "Использовать CSS"
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

alis2004

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

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


*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
тогда странно.
должен грузится но ...
CSS магазина вообще не грузится.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
хотя нет. грузится.
http://prntscr.com/awci75

вы там правки не делали? может ошибки где-то в ЦСС и стили не грузятся.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

umbabaraumba

  • *******
  • 2441
  • [+]153 / [-]1
  • если помог можете поставить +
Мне кажется дело в хостинге .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

alis2004

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

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




*

fbr

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

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

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

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

только это вас не спасет .. Без базовых знаний CSS все равно далеко не уедете.

*

alis2004

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

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

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

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

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

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



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

*

dmitry_stas

в главном разделе есть FAQ, в нем есть список файлов шаблона JoomShopping. посмотрите какой файл шаблона за что отвечает (карточка товара нужна в данном случае), и просто перенесите блок вывода кнопок в шаблоне туда, куда нужно. только обратите внимание, что перемещать кнопки нужно в пределах form товара. чтобы не вынесли их за ее пределы, либо чтобы не перенесли их в форму отзывов. и наоборот, если отзывы будете двигать - то тоже следите, чтобы форма отзывов не получилась вложенной в форму товара. вложенные формы нельзя, браузеры не понимают, и при написании отзыва будет ошибка.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
в вашем случае проще опустить описание в конец :)
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

Biss

Вот вам примеры для наглядности
http://prntscr.com/awiv79
http://prntscr.com/awiymw
« Последнее редактирование: 25.04.2016, 13:04:40 от Biss »

*

alis2004

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

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



*

nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

umbabaraumba

  • *******
  • 2441
  • [+]153 / [-]1
  • если помог можете поставить +
И еще хотелось бы уменьшить отступ между картинкой и текстом
Допишите в 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, 16:18:32 от umbabaraumba »
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно