View Single Post
  #2  
Old 10-22-2019, 10:27 AM
Anastasia from Ecwid's Avatar
Anastasia from Ecwid Anastasia from Ecwid 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 from Ecwid For This Useful Post:
Roy M Garver (07-25-2020)