I would like to adjust the width of the left column on the category page of my site - https://www.zerefashionhouse.com/new. The filter module occupies 100% of the left column however it is too wide. I've searched through the forum but couldnt find anyone with the same issue.
/fastor/css/bootstrap.css
It's basically a Theme-related problem, you should therefore better contact
your Theme Vendor on such. But generally, the left-side section is set to work
on all pages, where it shows up, and only to reduce it's size in category sections
requires a Custom Job, and possibly one or more custom Files, to make such
work. It's therefore, in any case, a Custom Job, and therefore a paid one too.
Ernie
It's basically a Theme-related problem, you should therefore better contact
your Theme Vendor on such. But generally, the left-side section is set to work
on all pages, where it shows up, and only to reduce it's size in category sections
requires a Custom Job, and possibly one or more custom Files, to make such
work. It's therefore, in any case, a Custom Job, and therefore a paid one too.
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
If there isnt any settings in your theme then you will have to change the column widths yourself in the relevant files
you can change column-left from
to
But then you would also have to change the for the rest of the body page to
All above is just an example
you can change column-left from
Code: Select all
<div class="col-md-3" id="column-left">
Code: Select all
<div class="col-md-2" id="column-left">
Code: Select all
<div class="col-md-9">
Code: Select all
<div class="col-md-10">
Firstly - I LOVE that red dress ..
Here is some honest advice .. Don’t do it.
Ok it is a little wide on wide screens .. but .. to change it is col-md-2 is too narrow and all other simple solutions will cause issues all over the place.
What you could do instead which achieves the same and so very simple (actually it will look quite good) .. is something like
for specific elements
However - if you REALLY must ..
you will need to change your catalog/view/theme/YOURTHEME/template/product/category.tpl
Columns are set out in dozens i.e. 12
currently this is set to be if you have something in the left or right use 3 and 9
if you have something in the left and right use 3 6 3
else use 12
each column is set using bootstrap.css
so col-md-3 is 25% and col-md-9 is 75%
I suggest you do not edit that
Instead you could create a new rule in your stylesheet.css say col-md-new3 and have it at 20% and therefore you will need a new rule for col-md-new6 at 60%, col-md-new9 at 80% and then there might be some other issues arising because EVERYTHING is set on the basis of bootstrap ... so how much does it REALLY bother you that it is a little wide (if you are actually looking at it?)
Here is some honest advice .. Don’t do it.
Ok it is a little wide on wide screens .. but .. to change it is col-md-2 is too narrow and all other simple solutions will cause issues all over the place.
What you could do instead which achieves the same and so very simple (actually it will look quite good) .. is something like
Code: Select all
.bf-attr-block {
padding: 0px 20px 0px 20px;
}
Code: Select all
.bf-attr-block.bf-keywords-filter {
padding: 0px 20px 0px 20px;
}
.bf-attr-block.bf-price-filter {
padding: 0px 20px 0px 20px;
}
you will need to change your catalog/view/theme/YOURTHEME/template/product/category.tpl
Columns are set out in dozens i.e. 12
currently this is set to be if you have something in the left or right use 3 and 9
if you have something in the left and right use 3 6 3
else use 12
each column is set using bootstrap.css
so col-md-3 is 25% and col-md-9 is 75%
I suggest you do not edit that
Instead you could create a new rule in your stylesheet.css say col-md-new3 and have it at 20% and therefore you will need a new rule for col-md-new6 at 60%, col-md-new9 at 80% and then there might be some other issues arising because EVERYTHING is set on the basis of bootstrap ... so how much does it REALLY bother you that it is a little wide (if you are actually looking at it?)
DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Who is online
Users browsing this forum: No registered users and 164 guests