Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.
Closed Thread
 
Thread Tools Display Modes
  #1  
Old 12-23-2015, 02:30 PM
Artyom1's Avatar
Artyom1 is offline
Junior Member
 
Join Date: Jun 2015
Posts: 8
Default

Цвет и размер параметров в корзине


Мне нужно изменить цвет и размер параметров в корзине покупок (выделено на скриншоте), а так же цвет и размер пунктов: товар, цена, кол-во, итог.
[IMG]http://i024.radikal.ru/1512/e2/ad4dbbe04f34.png[/IMG]

Ссылка: [url]http://www.getfitapparel.ru/#!get-fit-apparel-shop/pvx7j[/url]
Вот мой css код:

[CODE]/* { tweaks CSS */
div.ecwid-productBrowser{
/* product_browser_background: (1/1) */
background-color:#;

}
div.ecwid-productBrowser{
/* product_browser_top_margin: (1/1) */
padding-top:0px;

}
td.ecwid-productBrowser-productsGrid-cell{
/* pb_product_grid_padding_horizontal: (1/1) */
padding-left:30px;
padding-right:30px;

}
div.ecwid-categories{
/* ON - show_category_tabs: (1/1) */
display:block;

}
div#Categories-1,
div.ecwid-categories{
/* category_tab_background: (1/1) */
background-color:#000000;

}
span.ecwid-categories-category{
/* category_tab_colour: (1/1) */
color:#ffffff;

}
gwt-MenuItem-selected span.ecwid-categories-category,
div.ecwid-categoriesMenuBar td.gwt-MenuItem-current span.ecwid-categories-category,
td.ecwid-categories-vertical-table-cell-selected span.ecwid-categories-category,
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected span.ecwid-categories-category{
/* selected_category_tab_colour: (1/1) */
color:#ff2929;

}
span.ecwid-categories-category{
/* category_tab_font_size: (1/1) */
font-size:29px;

}
div.ecwid-categoriesMenuBar span.ecwid-categories-category{
/* category_sub_tab_font_size: (1/1) */
font-size:24px;

}
div.ecwid-categories-MenuBarPopup div.ecwid-categoriesMenuBar span.ecwid-categories-category{
/* category_sub_tab_popup_font_size: (1/1) */
font-size:16px;

}
div.ecwid-productBrowser-auth,
table.ecwid-Checkout-blockTitle button,
div.ecwid-Checkout-PasswordBlock,
div.ecwid-Checkout-blockTitle button.gwt-Button{
/* ON - hide_sign_in: (1/1) */
display:none;

}
div.ecwid-productBrowser-categoryPath{
/* ON - hide_breadcrumbs: (1/1) */
display:none;

}
div.ecwid-results-topPanel-sortByPanel{
/* ON - hide_sort_by: (1/1) */
display:none !important;

}
div.ecwid-results-topPanel-viewAsPanel{
/* ON - hide_view_as: (1/1) */
display:none !important;

}
div.ecwid-minicart span.ecwid-minicart-label-text,
div.ecwid-productBrowser-productDragLabel{
/* ON - hide_drag_and_drop: (1/1) */
display:none;

}
span.ecwid-productBrowser-cart-weight,
span.ecwid-Invoice-productDescr-weight{
/* ON - hide_weight: (1/1) */
display:none;

}
div.ecwid-minicart-mini-rolloverContainer{
/* OFF - always_show_total_in_mini_mode: (1/1) */
display:none;
}
div.ecwid-minicart,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_width: (1/1) */
width:159px;

}
div.ecwid-minicart,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_height: (1/1) */
height:156px;

}
div#Minicart-1,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_margin_top: (1/1) */
margin-top:0px;

}
div#Minicart-1,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_margin_right: (1/1) */
margin-right:0px;

}
div.ecwid-minicart-counter,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-counter{
/* minicart_count: (1/1) */
color:#000000;
margin-left:0px;
top:38px;
font-size:25px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-minicart-caption,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-caption{
/* minicart_caption: (1/1) */
color:#000000;
left:0px;
top:84px;
font-size:24px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-minicart-label,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-label{
/* minicart_label: (1/1) */
left:0px;
top:86px;

}
div.ecwid-minicart-label .ecwid-minicart-label-text,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-label .ecwid-minicart-label-text{
/* minicart_label_text: (1/1) */
color:#ffffff;
font-size:0px;
font-family:arial, helvetica, verdana, sans-serif;

}
div.ecwid-minicart-link,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-link{
/* minicart_link: (1/1) */
left:0px;
top:87px;

}
div.ecwid-minicart-link *,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-link *{
/* minicart_link_text: (1/1) */
color:#616161;
font-size:16px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-productBrowser-head{
/* prod_and_cat_names: (1/1) */
color:#ffffff;
font-size:50px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:link,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:active,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-subcategories-categoryName,
div.ecwid-productBrowser-subcategories-categoryName span.gwt-InlineLabel{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productNameLink a:visited{
/* OFF - prod_link_hide: (1/1) */
display:block;
}
div.ecwid-productBrowser-subcategories-categoryName{
/* OFF - category_link_hide: (1/1) */
display:block;
}
.ecwid div.ecwid-productBrowser-details-descr p,
.ecwid div.ecwid-productBrowser-details-descr span,
.ecwid div.ecwid-productBrowser-details-descr div,
.ecwid div.ecwid-productBrowser-details-descr sup,
.ecwid div.ecwid-productBrowser-details-descr sub,
.ecwid div.ecwid-productBrowser-details-descr address,
.ecwid div.ecwid-productBrowser-details-descr ul,
.ecwid div.ecwid-productBrowser-details-descr ol,
.ecwid div.ecwid-productBrowser-details-descr dl,
.ecwid div.ecwid-productBrowser-details-descr ul li,
.ecwid div.ecwid-productBrowser-details-descr ol li,
.ecwid div.ecwid-productBrowser-details-descr dl dt,
.ecwid div.ecwid-productBrowser-details-descr dl dd,
.ecwid div.ecwid-productBrowser-details-descr hr,
.ecwid div.ecwid-productBrowser-details-descr blockquote,
.ecwid div.ecwid-productBrowser-details-descr a,
.ecwid div.ecwid-productBrowser-categoryDescription p,
.ecwid div.ecwid-productBrowser-categoryDescription span,
.ecwid div.ecwid-productBrowser-categoryDescription div,
.ecwid div.ecwid-productBrowser-categoryDescription sup,
.ecwid div.ecwid-productBrowser-categoryDescription sub,
.ecwid div.ecwid-productBrowser-categoryDescription address,
.ecwid div.ecwid-productBrowser-categoryDescription ul,
.ecwid div.ecwid-productBrowser-categoryDescription ol,
.ecwid div.ecwid-productBrowser-categoryDescription dl,
.ecwid div.ecwid-productBrowser-categoryDescription ul li,
.ecwid div.ecwid-productBrowser-categoryDescription ol li,
.ecwid div.ecwid-productBrowser-categoryDescription dl dt,
.ecwid div.ecwid-productBrowser-categoryDescription dl dd,
.ecwid div.ecwid-productBrowser-categoryDescription hr,
.ecwid div.ecwid-productBrowser-categoryDescription blockquote,
.ecwid div.ecwid-productBrowser-categoryDescription a{
/* prod_description: (1/1) */
color:#ffffff;
font-size:18px;
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid div.ecwid-productBrowser-details-descr h1,
.ecwid div.ecwid-productBrowser-details-descr h2,
.ecwid div.ecwid-productBrowser-details-descr h3,
.ecwid div.ecwid-productBrowser-details-descr h4,
.ecwid div.ecwid-productBrowser-details-descr h5,
.ecwid div.ecwid-productBrowser-details-descr h6,
.ecwid div.ecwid-productBrowser-categoryDescription h1,
.ecwid div.ecwid-productBrowser-categoryDescription h2,
.ecwid div.ecwid-productBrowser-categoryDescription h3,
.ecwid div.ecwid-productBrowser-categoryDescription h4,
.ecwid div.ecwid-productBrowser-categoryDescription h5,
.ecwid div.ecwid-productBrowser-categoryDescription h6{
/* prod_description_head_colour: (1/1) */
color:#a1a1a1;

}
.ecwid div.ecwid-productBrowser-details-descr h1,
.ecwid div.ecwid-productBrowser-categoryDescription h1{
/* prod_description_h1_size: (1/1) */
font-size:26px;

}
.ecwid div.ecwid-productBrowser-details-descr h2,
.ecwid div.ecwid-productBrowser-categoryDescription h2{
/* prod_description_h2_size: (1/1) */
font-size:24px;

}
.ecwid div.ecwid-productBrowser-details-descr h3,
.ecwid div.ecwid-productBrowser-categoryDescription h3{
/* prod_description_h3_size: (1/1) */
font-size:22px;

}
.ecwid div.ecwid-productBrowser-details-descr h4,
.ecwid div.ecwid-productBrowser-categoryDescription h4{
/* prod_description_h4_size: (1/1) */
font-size:20px;

}
.ecwid div.ecwid-productBrowser-details-descr h5,
.ecwid div.ecwid-productBrowser-categoryDescription h5{
/* prod_description_h5_size: (1/1) */
font-size:18px;

}
.ecwid div.ecwid-productBrowser-details-descr h6,
.ecwid div.ecwid-productBrowser-categoryDescription h6{
/* prod_description_h6_size: (1/1) */
font-size:16px;

}
div.ecwid-productBrowser-sku,
td.ecwid-productBrowser-productsTable-sku,
span.ecwid-Invoice-productDescr-sku,
div.ecwid-OrdersList-OrderBox-sku{
/* ON - hide_sku: (1/1) */
display:none !important;

}
div.ecwid-productBrowser-cart-optionsList span.gwt-InlineLabel { display:none; } div.ecwid-productBrowser-cart-optionsList span.gwt-InlineHTML { display:block; } div.ecwid-productBrowser-cart-optionsList button.gwt-Button { margin-left:0px; } span.ecwid-productBrowser-cart-optionsList-name { font-weight:bold; } span.ecwid-Invoice-productDescr-option { display:block; } div.ecwid-Invoice-productDescr-options span.ecwid-Invoice-productDescr-separator { display:none; } span.ecwid-Invoice-productDescr-option-name { font-weight:bold; }
div.ecwid-productBrowser-price,
div.ecwid-productBrowser-cart-totalAmount{
/* main_price_colour: (1/1) */
color:#fa0000 !important;

}
div.ecwid-productBrowser-price,
div.ecwid-productBrowser-cart-totalAmount{
/* main_price_font: (1/1) */
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-price,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-price,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-price{
/* main_price_size: (1/1) */
font-size:30px;

}
div.ecwid-productBrowser-cart-totalAmount{
/* cart_total_price_size: (1/1) */
font-size:26px;

}
div.ecwid-productBrowser-backgroundedPanelInner div.ecwid-productBrowser-price{
/* product_price_size: (1/1) */
font-size:26px;

}
div.ecwid-productBrowser-cart table.ecwid-productBrowser-cart-itemsTable div.ecwid-productBrowser-price{
/* cart_price_colour: (1/1) */
color:#ffffff !important;

}
div.ecwid-productBrowser-cart table.ecwid-productBrowser-cart-itemsTable div.ecwid-productBrowser-price{
/* cart_price_size: (1/1) */
font-size:17px;

}
div.ecwid-productBrowser-details-inStockLabel{
/* in_stock_colour: (1/1) */
color:#787878;

}
div.ecwid-productBrowser-details-inStockLabel{
/* ON - in_stock_hide: (1/1) */
display:none;

}
div.ecwid-productBrowser-details-outOfStockLabel{
/* out_of_stock_colour: (1/1) */
color:#d33636;

}
div.ecwid-productBrowser-details-outOfStockLabel{
/* OFF - out_of_stock_hide: (1/1) */
display:block;
}
span.ecwid-BuyNow-outOfStockLabel{
/* out_of_stock_label_colour: (1/1) */
color:#cf3a3a;

}
div.ecwid-productBrowser-details-inTheBag div{
/* in_the_bag: (1/1) */
color:#cc0000;
left:40px;
top:11px;
font-size:22px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-form,
td.ecwid-Invoice-edgeCell,
td.ecwid-Invoice-cell,
div.ecwid-amexPaymentForm,
div.ecwid-ppReview-block,
div.ecwid-productBrowser-cart-EnterCouponBox{
/* checkout_form_bg_colour: (1/1) */
background-color:#ffffff;

}
div.ecwid-Checkout-blockTitle,
table.ecwid-Checkout-blockTitle div.gwt-Label,
table.ecwid-Checkout-blockTitle div.gwt-HTML{
/* checkout_form_title_colour: (1/1) */
color:#ffffff;
font-size:30px;
font-family:tahoma, geneva, verdana, sans-serif;

}
tr.ecwid-productBrowser-cart-itemsTable-row-selected,
td.ecwid-productBrowser-cart-itemsTable-cell-selected{
/* checkout_row_hover_bg_colour: (1/1) */
background-color:#1c1c1c;

}
div.ecwid-productBrowser-backgroundedPanel{
/* side_panel_bg_colour: (1/1) */
background-color:#ffffff;

}
.ecwid,
.ecwid ul,
.ecwid ol,
.ecwid dl,
.ecwid ul li,
.ecwid ol li,
.ecwid dl dt,
.ecwid dl dd,
.ecwid hr,
.ecwid blockquote,
.ecwid h1,
.ecwid h2,
.ecwid h3,
.ecwid h4,
.ecwid h5,
.ecwid h6,
.ecwid p,
.ecwid sup,
.ecwid sub,
.ecwid address{
/* default_text: (1/1) */
color:#6b6b6b;
font-size:20px;
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid a,
.ecwid a:active,
.ecwid a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.ecwid-results-topPanel div.ecwid-results-topPanel-viewAsPanel-link{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.ecwid-productBrowser-categoryPath a,
div.ecwid-productBrowser-categoryPath a:link,
div.ecwid-productBrowser-categoryPath a:active,
div.ecwid-productBrowser-categoryPath a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.popupContent .ecwid a,
div.popupContent .ecwid a:active,
div.popupContent .ecwid a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
span.ecwid-minicart-mini-count{
/* links_colour: (1/5) */
color:#ff1a1a;

}
button.gwt-Button,
#wrapper button.gwt-Button,
div.ecwid-popup button.gwt-Button,
.ecwid .ecwid-btn--secondary{
/* mini_buttons_text_colour: (1/1) */
color:#000000;

}
table.ecwid-productBrowser-cart-estimation,
div.ecwid-productBrowser-cart-asterisk {
display:none;
​}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

td.ecwid-productBrowser-productsGrid-cell img {
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

td.ecwid-productBrowser-productsGrid-cell img:hover {
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
}

button.gwt-Button, #wrapper button.gwt-Button {
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
height: 28px;
background-color: #e4e4e4;
padding: 0 15px;
}

button.gwt-Button:active, button.gwt-Button:active,
#wrapper button.gwt-Button:active,
#wrapper button.gwt-Button:active {
background-color: #999999;
}

div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-backgroundedPanel {
min-width:185px;
width:auto;
}

div.ecwid-productBrowser-subcategories-categoryName {
font-size: 29px;
color: black;
}

.ecwid div, .ecwid span, .ecwid a, .ecwid p {
font-family: Tahoma, arial, sans-serif !important;
}[/CODE]

Last edited by Artyom1; 12-23-2015 at 02:46 PM.
  #2  
Old 12-24-2015, 12:13 PM
Marina Dryantsova's Avatar
Marina Dryantsova Marina Dryantsova is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 899
Default

Добрый день!

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

CSS-код для изменения цвета и размера элемента "Размер":

[code]span.ecwid-productBrowser-cart-optionsList-name {
color: red;
font-size: 16px;
}[/code]

Для изменения элемента "L", то есть значения элемента "Размер":

[code]span.ecwid-productBrowser-cart-optionsList-value {
color: red;
font-size: 16px;
}[/code]

"Товар":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-thumbnail {
color: red !important;
font-size: 16px !important;
}[/code]

"Цена":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-price {
color: red !important;
font-size: 16px !important;
}[/code]

"Кол-во":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-qty {
color: red !important;
font-size: 16px !important;
}[/code]

"Итого":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-subtotal {
color: red !important;
font-size: 16px !important;
}[/code]

C такими значениями цвета и размера шрифта в коде страничка будет выглядеть вот так: [url]http://take.ms/cElGn[/url]

Вы можете изменить цвет вместо red и размер (16px) в CSS-коде на нужный. Не забудьте сохранить изменения.

Напишите, пожалуйста, все ли получится?

Спасибо!
__________________
Марина Д.
Команда заботы о клиентах Ecwid

База знаний.
  #3  
Old 12-25-2015, 11:20 AM
Artyom1's Avatar
Artyom1 Artyom1 is offline
Junior Member
 
Join Date: Jun 2015
Posts: 8
Default

Да, все получилось, спасибо большое
И последнее с чем не получается разобраться:
Как сделать прозрачными светлые фоны в формах оформления заказа и сделать текст внутри них белым?
[IMG]http://s019.radikal.ru/i601/1512/ae/7adcc9e56374.png[/IMG]
[IMG]http://s019.radikal.ru/i638/1512/96/7e830b585ae0.png[/IMG]
Attached Thumbnails
Click image for larger version

Name:	Снимок.PNG
Views:	133
Size:	244.6 KB
ID:	3277   Click image for larger version

Name:	Снимок1.PNG
Views:	149
Size:	65.8 KB
ID:	3278  
  #4  
Old 12-25-2015, 03:57 PM
Marina Dryantsova's Avatar
Marina Dryantsova Marina Dryantsova is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 899
Default

[QUOTE=Artyom1;140997]Да, все получилось, спасибо большое
И последнее с чем не получается разобраться:
Как сделать прозрачными светлые фоны в формах оформления заказа и сделать текст внутри них белым?
[IMG]http://s019.radikal.ru/i601/1512/ae/7adcc9e56374.png[/IMG]
[IMG]http://s019.radikal.ru/i638/1512/96/7e830b585ae0.png[/IMG][/QUOTE]
Здравствуйте!

Попробуйте, пожалуйста, применить вот такой CSS-код для изменения фона блоков и цвета текста на шагах оформления доставки:

[code].ecwid-form {
background: transparent !important;
color: #ffffff;
}
label.ecwid-fieldLabel {
color: #ffffff !important;
}
label.ecwid-fieldLabel {
color: white !important;
}
.gwt-Label {
color: white !important;
}[/code]

Дайте знать, пожалуйста, все ли получилось?

Спасибо!
__________________
Марина Д.
Команда заботы о клиентах Ecwid

База знаний.
  #5  
Old 12-27-2015, 12:29 AM
Artyom1's Avatar
Artyom1 Artyom1 is offline
Junior Member
 
Join Date: Jun 2015
Posts: 8
Default

[QUOTE=Marina Dryantsova;141019]Здравствуйте!

Попробуйте, пожалуйста, применить вот такой CSS-код для изменения фона блоков и цвета текста на шагах оформления доставки:

[code].ecwid-form {
background: transparent !important;
color: #ffffff;
}
label.ecwid-fieldLabel {
color: #ffffff !important;
}
label.ecwid-fieldLabel {
color: white !important;
}
.gwt-Label {
color: white !important;
}[/code]

Дайте знать, пожалуйста, все ли получилось?

Спасибо![/QUOTE]

Да все, получилось, спасибо!
Осталось только фон формы добавления в корзину на странице товара -
[IMG]http://s018.radikal.ru/i527/1512/f7/b306f6b41311.png[/IMG]
  #6  
Old 12-28-2015, 03:48 PM
Marina Dryantsova's Avatar
Marina Dryantsova Marina Dryantsova is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 899
Default

[QUOTE=Artyom1;141036]Да все, получилось, спасибо!
Осталось только фон формы добавления в корзину на странице товара -
[IMG]http://s018.radikal.ru/i527/1512/f7/b306f6b41311.png[/IMG][/QUOTE]
Здравствуйте!

Чтобы сделать фон правого блока с деталями товара прозрачным, попробуйте воспользоваться вот таким CSS-кодом:

[code].ecwid-productBrowser-backgroundedPanel {
background-color: transparent !important;
}[/code]

Если будут новые вопросы, обязательно пишите! Буду рада вам помочь!

С наступающим Новым годом и отличных продаж с Эквидом! :)
__________________
Марина Д.
Команда заботы о клиентах Ecwid

База знаний.
  #7  
Old 01-12-2016, 03:15 PM
Artyom1's Avatar
Artyom1 Artyom1 is offline
Junior Member
 
Join Date: Jun 2015
Posts: 8
Default

Спасибо огромное, все получилось. Осталось еще совсем немного вопросов )
Как поменять цвет и размер текста на 1 и 2 фото
И как сделать рекомендуемые товары по центру и можно ли разместить не 2, а 3 товара по середине?
[IMG]http://s017.radikal.ru/i419/1601/66/e84c2a15182a.jpg[/IMG]
[IMG]http://s012.radikal.ru/i319/1601/5a/19b1fdd49c41.jpg[/IMG]
[IMG]http://s017.radikal.ru/i426/1601/1c/346f1804aed6.jpg[/IMG]
  #8  
Old 01-13-2016, 01:46 PM
Marina Dryantsova's Avatar
Marina Dryantsova Marina Dryantsova is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 899
Default

[QUOTE=Artyom1;141570]Спасибо огромное, все получилось. Осталось еще совсем немного вопросов )
Как поменять цвет и размер текста на 1 и 2 фото
И как сделать рекомендуемые товары по центру и можно ли разместить не 2, а 3 товара по середине?
[IMG]http://s017.radikal.ru/i419/1601/66/e84c2a15182a.jpg[/IMG]
[IMG]http://s012.radikal.ru/i319/1601/5a/19b1fdd49c41.jpg[/IMG]
[IMG]http://s017.radikal.ru/i426/1601/1c/346f1804aed6.jpg[/IMG][/QUOTE]
Добрый день!

Попробуйте изменить цвет и размер надписи "Кол-во" с первого скриншота помощью вот такого CSS-кода:

[code].ecwid-productBrowser-details-qtyLabel {
color: red !important;
font-size: 20px !important;
}[/code]

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

Изменить цвет и размер итоговой цены и примерной стоимости доставки в корзине (2 скриншот) можно с помощью вот таких CSS-кодов:

Надпись "Товары":

[code].ecwid-productBrowser-cart-subtotalLabel {
color: aqua !important;
font-size: 20px !important;
}[/code]

Итоговая стоимость товаров:

[code].ecwid-productBrowser-cart-subtotalAmount.notranslate {
color: aqua !important;
font-size: 20px !important;
}[/code]

Надпись "Примерная цена доставки":

[code].ecwid-productBrowser-cart-shippingLabel {
color: aqua !important;
font-size: 20px !important;
}[/code]

Сама цена доставки:

[code].ecwid-productBrowser-cart-shippingAmount.notranslate {
color: aqua !important;
font-size: 20px !important;
}[/code]

"ИТОГО":

[code].ecwid-productBrowser-cart-totalLabel {
color: aqua !important;
font-size: 30px !important;
}[/code]

"Я согласен с..."

[code].ecwid-productBrowser-cart-termsCheckbox {
color: aquamarine;
font-size: 30px !important;
}[/code]

"Содержимое вашей корзины будет храниться...":

[code].ecwid-productBrowser-cart-hint {
color: aqua !important;
font-size: 20px !important;
}[/code]

Связанные товары вы можете настроить так, чтобы отображалось 3 товара и даже больше. Это можно сделать в панели управлении Эквида - Каталог - нужный товар на вкладке Связанные товары.

Скриншот: [url]http://take.ms/PQeOE[/url]

Не забудьте сохранить изменения.

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

Спасибо!
__________________
Марина Д.
Команда заботы о клиентах Ecwid

База знаний.
  #9  
Old 01-13-2016, 11:32 PM
Artyom1's Avatar
Artyom1 Artyom1 is offline
Junior Member
 
Join Date: Jun 2015
Posts: 8
Default

Спасибо огромное, теперь намного лучше)
Скажите, пожалуйста, как изменить цвет и размер стрелки переключение фотографии на странице товара и кнопку зума и выхода из режима?
[IMG]http://s020.radikal.ru/i703/1601/66/df8159673dd4.png[/IMG]
[IMG]http://s45.radikal.ru/i109/1601/ed/77033944d769.png[/IMG]
  #10  
Old 01-14-2016, 04:20 PM
Marina Dryantsova's Avatar
Marina Dryantsova Marina Dryantsova is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 899
Default

[QUOTE=Artyom1;141663]Спасибо огромное, теперь намного лучше)
Скажите, пожалуйста, как изменить цвет и размер стрелки переключение фотографии на странице товара и кнопку зума и выхода из режима?
[IMG]http://s020.radikal.ru/i703/1601/66/df8159673dd4.png[/IMG]
[IMG]http://s45.radikal.ru/i109/1601/ed/77033944d769.png[/IMG][/QUOTE]
Здравствуйте!

С изменением стрелок влево/вправо для выбора следующего или предыдущего товара вам поможет наша статья: [url]https://help.ecwid.com/customer/ru/portal/articles/1174599-%D0%9A%D0%B0%D0%BA-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C-%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B8-%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%BE-%D0%B2%D0%BB%D0%B5%D0%B2%D0%BE-[/url]

Кнопку увеличения изображения в галерее и кнопку "Закрыть" можно изменить двумя способами:

1. Сделать светлый фон для кнопок, так они будут заметнее.
Для этого используйте вот такой CSS-кода:

[code].pswp__button {
background-color: white !important;
}[/code]

2. Сделать сами кнопки светлее:

[code].pswp__button {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='264' height='88' viewBox='0 0 264 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5zM13 29v-5h2v3h3v2h-5zm0-14h5v2h-3v3h-2v-5zm18 0v5h-2v-3h-3v-2h5zm0 14h-5v-2h3v-3h2v5zM62 24v5h-2v-3h-3v-2h5zm0-4h-5v-2h3v-3h2v5zm8 0v-5h2v3h3v2h-5zm0 4h5v2h-3v3h-2v-5zM20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66zM111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03zM152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03zM160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z' fill='white'/%3E%3Cpath d='M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z' stroke='white' stroke-width='1.5'/%3E%3Cpath fill='white' d='M150 21h5v1h-5z'/%3E%3Cg%3E%3Cpath d='M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z' fill='white'/%3E%3Cpath d='M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z' stroke='white' stroke-width='1.5'/%3E%3Cpath fill='white' d='M106 21h5v1h-5z'/%3E%3Cpath fill='white' d='M109.043 19.008l-.085 5-1-.017.085-5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}[/code]

Попробуйте оба варианта и решите, какой вам больше подходит. :)

Пишите, пожалуйста, если нужна будет другая помощь.
__________________
Марина Д.
Команда заботы о клиентах Ecwid

База знаний.
Closed Thread
Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Off
Smilies are Off
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:17 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.