Can anybody tell me where I can change the size and background colour of the filter box in the left column for Opencart 2.1?
It should be somewhere in the stylesheet, but I cannot find it. In Opencart 1.5 it was easy; called ul.box-filter, but in 2.1?? HELP
The filter box has new class list-group. You can use it in the stylesheet.pamvz wrote:Can anybody tell me where I can change the size and background colour of the filter box in the left column for Opencart 2.1?
It should be somewhere in the stylesheet, but I cannot find it. In Opencart 1.5 it was easy; called ul.box-filter, but in 2.1?? HELP
Or you may like this extension Live Theme Editor to customize the OpenCart 2 default theme completely.
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
You can change #column-left, #content, #column-right to widths you need.pamvz wrote:Thanks, I already had found that one, but I cannot change the column width and the top header here...
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Can only find #content, already changed some in there, but there is no #column-left or #column-right. The only thing I can find is at the end (line 719), but I thought that's for smaller devices, since it says: @media (min-width: 768px)
Could you provide your site, so I can take a look at it closer?pamvz wrote:Can only find #content, already changed some in there, but there is no #column-left or #column-right. The only thing I can find is at the end (line 719), but I thought that's for smaller devices, since it says: @media (min-width: 768px)
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
http://www.pamswebdesign.com/Bijons...
The filterbox is in category Houses. I would just like this box to be a bit smaller and maybe change the background colour. Maybe you can also help with the width of the container... As you can see the filterbox is perfectly aligned with the top and footer, but the container is widther. I already tried to add 'width: 98%;' to #content, but doesn't work. The same goes for the category Alentejo. This container is also not aligned.
Thanks, Pam
The filterbox is in category Houses. I would just like this box to be a bit smaller and maybe change the background colour. Maybe you can also help with the width of the container... As you can see the filterbox is perfectly aligned with the top and footer, but the container is widther. I already tried to add 'width: 98%;' to #content, but doesn't work. The same goes for the category Alentejo. This container is also not aligned.
Thanks, Pam
Could you check your url? It is not available.pamvz wrote:http://www.pamswebdesign.com/Bijons...
The filterbox is in category Houses. I would just like this box to be a bit smaller and maybe change the background colour. Maybe you can also help with the width of the container... As you can see the filterbox is perfectly aligned with the top and footer, but the container is widther. I already tried to add 'width: 98%;' to #content, but doesn't work. The same goes for the category Alentejo. This container is also not aligned.
Thanks, Pam
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
It's working, it is including the 3 dots at the end (I know it's a bit stupid, but it's just temperarely).
http://www.pamswebdesign.com/Bijons....
http://www.pamswebdesign.com/Bijons....
You try adding add code below at the end of the stylesheet.csspamvz wrote:It's working, it is including the 3 dots at the end (I know it's a bit stupid, but it's just temperarely).
http://www.pamswebdesign.com/Bijons....
Code: Select all
@media (min-width: 768px) {
#column-left.col-sm-3 {
width: 20%;
}
#content.col-sm-9 {
width: 80%;
}
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Glad to hear that the problem is solvedpamvz wrote:Thanks, that's working.
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Who is online
Users browsing this forum: No registered users and 9 guests
