Post by extra_luke » Thu Dec 08, 2011 7:41 am


Using v1.5.1.3.

I just want to know how to edit the CSS for a section of OC…

For example:

There are three parts…

1) Header (at top)
2) Middle (below header and above footer) I call it main content.
3) Footer (at bottom)

I can edit the look of header and footer using the stylesheet.css file, but how do I edit the general look of the Middle?

Many thanks in advance,


New member


Tue Oct 25, 2011 9:37 pm

Post by wangllam » Thu Dec 08, 2011 9:33 am

Actually the slideshow part and the featured part is treated as a module that belong to the module folder
you can edit the slideshow.css file catalog\view\theme\default\stylesheet
for the featured part, if you look at the \catalog\view\theme\default\template\module\featured.tpl
you can find that part is inside <div class="box">,<div class="box-content"> ...etc
you can search the corresponding class at catalog\view\theme\default\stylesheet\stylesheet.css to make modification
I am new to opencart hope this is what you want :D



Mon Dec 05, 2011 9:16 pm

Post by Thingy Developer » Tue Jan 31, 2017 7:33 am

Is there a cache somewhere I need to empty inside the OpenCart system? I'm changing the CSS and nothing is happening in the live store?


Thu Jan 26, 2017 8:48 am

Post by IP_CAM » Tue Jan 31, 2017 8:01 am

depends on, if you use by example a custom Page Cache Extension, but usually, it's done by
cleaning out the vqmod/vqcache/... Section in OC v.1.5.x Versions.

I'm rarely active at the OC Forum lately. To reach me, contact:
A Demoversion of my free OpenCart LIGHT v. Software Edition
can be seen in real Action here:
1'300+ FREE OC Extension-Repositories - from OC v.1.5.x up,
on the world's largest OC-related Github Site:

User avatar
Legendary Member


Tue Mar 04, 2014 1:37 am
Location - Switzerland
Who is online

Users browsing this forum: No registered users and 84 guests