Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Make Content Full Length Rate Topic   - - - - -

 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 07:11 PM #1

Posted Image

How do I make the menu and the yellow box (A banner) touch the edge of the screen?

Thank you in advance.

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11327 posts

Posted 08 July 2015 - 07:25 PM #2

Set the various margin properties to zero in css.

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 07:39 PM #3

All the css are in styles.less right? Or where should I change those margin properties for the Main Menu and etc? I'm using my_changes and styles.post currently, but I do not know which one to change.

And I can't seem to find styles with xxx-grid user-classes. Where are they located?

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11327 posts

Posted 08 July 2015 - 07:49 PM #4

Suggest you right-click the object and let chrome (or other) debugger tell you what classes to change. Then you can override those styles.

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 07:53 PM #5

Thank you for that information. Are all the classes located in styles.less or is there another file with styles?

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11327 posts

Posted 08 July 2015 - 07:55 PM #6

Depends on your theme. There can be several. But if you're using a styles.post.tpl then it shouldn't matter where the original is since you will be overriding those properties in your local version.

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 08:01 PM #7

I'm using the responsive theme. So styles.less is the only file I need to override? And by override you mean using !important? Some classes are not in styles.less when I use the find function in my editor.

For example, I can't find class="row-fluid" and "header-grid"
When I try to look for top-menu-grid, all I see is the top-padding. There are no margins associated with the class.

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11327 posts

Posted 08 July 2015 - 08:07 PM #8

No, what I meant by 'overriding of a class' is to have your own stylesheet (less or css). It will be loaded last so any classes/properties you have there will override the definitions from styles.less. If you right-click in the margin you want to change and then "Inspect element" you should be able to see the class/property being used.

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 08:16 PM #9

Thank you for your assistance once again. I've changed the container-fluid padding to 0 and I got what I wanted.

However, how can I change the container-fluid for only certain parts of the website? This is my last question. Sorry for the loads of noob questions and I really appreciate it.

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11327 posts

Posted 08 July 2015 - 08:30 PM #10

Generally those are global throughout the site. You can always add custom classes to the grid objects and then have your css/less manipulate those classes.

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • multiles
  • Member
  • Members
  • Join Date: 08-Jul 15
  • 23 posts

Posted 08 July 2015 - 08:35 PM #11

I figured everything out, thank you.

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19483 posts

Posted 09 July 2015 - 08:26 AM #12

Also please note that in default theme maximum width is limited with 1200 px. It can be changed in the layout properties.

http://clip2net.com/s/3ku3s8h

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.