Hello All
I have started using opencart in the last week and first of all i have to say how good it is! I tried most of the other alternatives before and didnt like them for various reasons and then luckily i tried Opencart and its really good.
I am building a site locally to get used to Opencart and i have got it all worked out except for one thing.......
Changing the background colour of the home page banner/owl-carousel. It is currently #fff as standard and have tried so many different ways to change it but i just cannot. I have read many posts on the subject but most are based on earlier versions of Opencart and they do not work. Any help would be great.
I am using Opencart version 2.1.0.1
Yeah i have tried that a few times with no joy. For some reason the .owl-wrapper-outer and .owl-carousel css i add to stylesheet is not working. All other selectors for all other styling is working fine. Firebug is not picking it up either which is strange.
I might try creating stylesheet just for styling owl-carousel etc and see if that works but am not sure it will.
I might try creating stylesheet just for styling owl-carousel etc and see if that works but am not sure it will.
Opencart rocks
Are you using a custom theme or the default theme? Please provide your site URL, so we can take a look at it closer.
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
Thanks for reply. I am working locally using stack for the time being. I will not be going live for some time so just in practice phase.
I am using a theme based on the default opencart theme.
What is weird is that i can change styles relating to selector .owl-controls but all other owl/carousel related css is not working.
I am using a theme based on the default opencart theme.
What is weird is that i can change styles relating to selector .owl-controls but all other owl/carousel related css is not working.
Opencart rocks
Maybe you can try with !important
Code: Select all
.owl-carousel {
background-color: #dedede !important;
}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
Thanks for your input. I tried that code before with no luck..............but i have managed to sort the problem out.
I managed to fix the background problem by styling both .owl-carousel selector and #slideshow0. There was a border which was assigned to .owl-wrapper-outer but i could not change for some reason using that selector so i used border: none; with #slideshow0 and that done the trick.
Thanks for your help guy's! This is a friendly and helpful forum
I managed to fix the background problem by styling both .owl-carousel selector and #slideshow0. There was a border which was assigned to .owl-wrapper-outer but i could not change for some reason using that selector so i used border: none; with #slideshow0 and that done the trick.
Thanks for your help guy's! This is a friendly and helpful forum
Opencart rocks
Glad to hear that you figured out the problem
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
Are you using a custom theme? If you can, please provide your site URL, so we can take a look at it closer.Param wrote:Hello entheo,
I am the same problem which you have faced. Could you please share the lines of code which you have added in the stylesheet as I am new to opencart.
Thanks in advance.
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 91 guests
