Post by andeeknits » Mon Nov 19, 2018 12:17 am

Opencart version 2.3.0.2
I have changed my content background colour to white so that the main background colour / image does not detract from the customers view.
However, the content is now slightly wider than the menu bar and consequently looks odd. Sadly I am a knitting machine geek not a CSS geek and have absolutely no idea what to change to fix this. If anyone could help, I would be most grateful! www.machine-knitting.co.uk.
Thanks in advance :)

New member

Posts

Joined
Thu Jul 10, 2014 3:36 am

Post by johnp » Mon Nov 19, 2018 12:35 am

How much wider?

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by andeeknits » Mon Nov 19, 2018 12:40 am

Not much a few pixels I would say but difficult to judge, hence the reason I put the link to the page!

New member

Posts

Joined
Thu Jul 10, 2014 3:36 am

Post by cyclops12 » Mon Nov 19, 2018 2:54 am

You could try opening catalog/view/theme/default/stylesheet/stylesheet.css and add the following to the end of the file

Code: Select all

.row{
	margin-left:auto;
	margin-right:auto;
}

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by andeeknits » Mon Nov 19, 2018 4:52 am

Thanks for the suggestion, that solves the problem on any information and product pages but throws the category menu on the left side out on the category page.

New member

Posts

Joined
Thu Jul 10, 2014 3:36 am

Post by Parmodya » Mon Nov 19, 2018 12:03 pm

andeeknits wrote:
Mon Nov 19, 2018 4:52 am
Thanks for the suggestion, that solves the problem on any information and product pages but throws the category menu on the left side out on the category page.
change
<div class="pull-left" style="padding: 7.5px 12px;">
to
<div class="pull-right" style="padding: 7.5px 12px;">

in catalog/view/theme/default/template/common/header.tpl

Opencart performance optimizations
homepage https://www.fmform.com
Help page https://help.fmform.com


Newbie

Posts

Joined
Thu May 10, 2018 9:40 am


Post by andeeknits » Mon Nov 19, 2018 5:37 pm

Thanks but that doesn't seem to do anything.

New member

Posts

Joined
Thu Jul 10, 2014 3:36 am

Post by johnp » Mon Nov 19, 2018 8:09 pm

How about resetting your theme back to its default styling and using this extension?

https://www.opencart.com/index.php?rout ... n_id=26103

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by cyclops12 » Tue Nov 20, 2018 3:39 am

andeeknits wrote:
Mon Nov 19, 2018 4:52 am
Thanks for the suggestion, that solves the problem on any information and product pages but throws the category menu on the left side out on the category page.
ok try adding this to the bottom of your stylesheet.css and let me know if all your other pages are working ok

Code: Select all

.row{
	margin-left:auto;
	margin-right:auto;
}
@media (min-width: 768px){}
.col-sm-3 {
    width: 25%;
    padding-left: 0px;
}

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am
Who is online

Users browsing this forum: No registered users and 38 guests