Post by peadar » 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.

Newbie

Posts

Joined
Sat Jul 04, 2015 8:49 pm

Post by moused72 » 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">

18 extra positions FREE, Unlimit style color for default theme FREE, Vietnamese Language, vietxuangas.com.vn


Active Member

Posts

Joined
Mon Feb 15, 2016 9:46 am

Post by ocart777 » 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

You can't control the weather, but you can change your mood.
You can't modify the visage, but you can show your smile.
You can't command someone else, but you can hold yourself.
You can't forecast tomorrow, but you can using today.
You can't obtain thanks, but you can exert yourself in everything.


OCEXTENSION.COM - YOUR PROFESSIONAL OPENCART EXTENSION STORE


User avatar
Active Member

Posts

Joined
Mon Jun 10, 2013 4:57 pm
Location - Malaysia

Post by peadar » 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; }

Newbie

Posts

Joined
Sat Jul 04, 2015 8:49 pm
Who is online

Users browsing this forum: No registered users and 12 guests