OpenCart Community

Posted: **Sat Mar 12, 2016 7:48 am**

Hi,
I'm using OC 2.1.0.2 and have set my header, body and footer all to have a max width of 1200px. I have added a couple of html content modules which do not extend to the same size as the header and footer (neither does the 'Featured' module).
I have seen in other posts that I should modify css for .box >div in catalog/view/theme/stylesheet/stylesheet.css, but I cannot find .box anywhere. Where can I modify the default width for all modules?
This is still being built on local machine, so I don't have a link to send.
Cheers, Peadar.

Posted: **Sat Mar 12, 2016 8:16 am**

You can try edit catalog/view/theme/your_theme/template/module/html.tpl

change: <div> to <div class="container">

Posted: **Sat Mar 12, 2016 11:23 am**

if you cannot find you can add them on your stylesheet. here's some example

Code: Select all

div > p {
 color: blue;
}

html

Code: Select all

<div>
  <p>some content</p>
</div>

Selects all <p> elements where the parent is a <div> element or

Code: Select all

.parent > .child {
  color: blue;
}

html

Code: Select all

<div class="parent">
  <div class="child">some content</div>
</div>

Selects all ".child" elements where the parent is ".parent" element

Posted: **Mon Mar 14, 2016 5:27 pm**

These answers don't seem to help me. Does anyone know a link where I could find out what all the module are called? I could then write in css to make them suit my site. eg .box .html{some: css; }

OpenCart Community

Resize html content module

Resize html content module

Re: Resize html content module

Re: Resize html content module

Re: Resize html content module