View Single Post
  #2  
Old 10-22-2019, 10:27 AM
Anastasia E's Avatar
Anastasia E Anastasia E is offline
Ecwid Team
 
Join Date: Nov 2017
Posts: 63
Default

Hello!
My name is Anastasia, Ecwid Support. Thank you for contacting us! I will be glad to help you.

Here is the CSS code to change the Recently Viewed Products widget:
Code:
/*  Recently Viewed Products */
#rvp-products #rvp-products-wrapper .recently-viewed-title { color:#008080; font-size: 22px !important; }
#rvp-products #rvp-products-wrapper #recently-viewed-list .recently-viewed {  border: 2px solid #008080;}
Here is the CSS code to change the Random Product Widget:
Code:
/* Random Product Widget */
#random-products #random-products-wrapper .random-products__title { color: #008080; font-size: 22px !important; }
#random-products #random-products-wrapper #random-products__list .random-product { border: 2px solid #008080;}
Quote:
4. For Product Page layout, I need to make: One column NOT 2 columns
There are the following settings available for the Product Page layout:
  • 2 columns, product's description is on the right;
  • 2 columns, product's description is below the image;
  • 2 columns, product's description is on the left;
  • 3 columns.
You can manage them in your Ecwid control panel > Design > Product Page Layout.

Here is the CSS code to change the breadcrumps:
Code:
/* Breadcrumps */
.ec-size .ec-store .ec-link--muted, .ec-size .ec-store .ec-link--muted:visited { color: red; background-color: #d2d2e2; }
You can find more CSS codes for changing the elements on product pages in this article: https://support.ecwid.com/hc/en-us/a...oduct-page-0-2

Hope this helps. If you have any further questions — please, feel free to ask.

You can contact us at support@ecwid.com or on live chat via the "Get Help" menu in your Ecwid control panel.

Best regards,
Anastasia E.
Ecwid Support Team
The Following User Says Thank You to Anastasia E For This Useful Post:
Roy M Garver (07-25-2020)