Page 1 of 1

Content Background CSS help required please

Posted: Mon Nov 19, 2018 12:17 am
by andeeknits
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 :)

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 12:35 am
by johnp
How much wider?

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 12:40 am
by andeeknits
Not much a few pixels I would say but difficult to judge, hence the reason I put the link to the page!

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 2:54 am
by cyclops12
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;
}

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 4:52 am
by andeeknits
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.

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 12:03 pm
by Parmodya
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

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 5:37 pm
by andeeknits
Thanks but that doesn't seem to do anything.

Re: Content Background CSS help required please

Posted: Mon Nov 19, 2018 8:09 pm
by johnp
How about resetting your theme back to its default styling and using this extension?

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

Re: Content Background CSS help required please

Posted: Tue Nov 20, 2018 3:39 am
by cyclops12
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;
}