How to edit the css of a nopcommerce website?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
10 年 前
Hi there, my friends has a website build by a foreigner who then ignored them after the site was set up. They came to me as I have some experience in web design in Wordpress and Joomla but I am new to Nopcommerce.

Right now,  they would like to change an image posted on the Homepage.

In the backend of Wordpress, there is a CSS stylesheet where I can make changes after creating a child theme. Please advise me how to see the existing css stylesheet of the website in Nopcommerce and make the necessary change.

Thank you very much.
10 年 前
Hi,

this article can help you to understand design structure of nopCommerce: Designer's Guide

You can find path for the logo to change it in the Views\Shared\Header.cshtml

.css file you can find here: Themes\ThemeName\Content\styles.css
10 年 前
So, how should I get to Themes\ThemeName\Content\styles.css ?
Is it by using ftp editor like Filezilla?
10 年 前
Or in the cpanel?
10 年 前
I don't know the particular theme of this website: http:rawlivingasia.com.

How to tell what the theme of this website is? Saw somewhere you mention the use of FIrebug. I have some knowledge of Firebug, so where on the website to click to inspect for theme?
10 年 前
styles.css file for your site you can find here: Themes/LivingWonders/Content/styles.css

To find it in web developer's panel in Chrome: click F12 -> Elements tab -> in the right panel you will see css file
10 年 前
Thank you for your patience.

My question is " I want to change one of the banner image on the left sidebar of the homepage of rawlivingasia.com. How should I go about doing it?"

If you may be so kind, please give me steps to guide me, thank you very much.
10 年 前
On your site is not the default theme. So I can't tell you with a full confidence how to change a banner.
Most likely you should change in the Views\Shared\ _ColumnsTwo.cshtml view path for pictures. For example, for
<img src="/Themes/LivingWonders/Content/images/free-delivery.png" alt="Free Local Delivery for orders above $150 (SGD)">
10 年 前
Thank you for your reply, so my question is how to get into

"Views\Shared\ _ColumnsTwo.cshtml view path for pictures" to make the change?

Is it via FTP, cPanel or how?
10 年 前
You should download this file to your computer using FTP, change it, and then upload back to the server.
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.