The colour white is hard-coded in the OpenCart core file in /system/library/image.php, so it is best not to modify it.
You can modify the width & height values in the Slideshow extension to match with your image size, which is 1200 x 800, and make sure all other images you plan to use for the slideshow has the same dimension.
Developing Quality OpenCart Extensions since 2011. View my Extensions.
If you use .png pictures for your slideshow and then add the following to your stylesheet you can make the white bits to be the same colour as your background. just change the background colours to the colour of your choice.
Slideshows:
#slideshow0 {
background-color: #353E47;
}
Carousels:
#carousel0 {
background-color: #353E47;
}
Regards
Chris Fardon
Fardon Webhosting & Design
https://www.stoneconceptsoz.com/ocart
I have the same issue, the slider and carousel boxes are larger than the images I want to use, 850 x 500 in my case, and both modules I made to suit the size, but it did nothing in the way of actually changing. https://guardianmask.com/OCCart/opencart.my wrote: ↑Sat Oct 20, 2018 9:39 pmYou can modify the width & height values in the Slideshow extension to match with your image size, which is 1200 x 800, and make sure all other images you plan to use for the slideshow has the same dimension.
I am also using the 3+ version of Open Cart
Check you have refreshed cache and in dashboard (top right cog)?opencart.my wrote: ↑
Sat Oct 20, 2018 2:39 pm
You can modify the width & height values in the Slideshow extension to match with your image size, which is 1200 x 800, and make sure all other images you plan to use for the slideshow has the same dimension.
I have a module that will fit the best size to screen .. which is what I suspect is the issue you are having but not realising.
https://www.opencart.com/index.php?rout ... load_id=49
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
OC first creates a white image of the dimensions set in admin and then best fits the original onto that image, resizing while keeping the originals aspect ratio.
Images are browser cached, not server cached (they are put in the so-called cache directory but that is just where all resized images go) so you need to clear the browser cache when changing images (unless the generated filename is new), no need to clear any of the server caches.
Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces
“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.
by mona wrote: ↑Mon Jun 22, 2020 4:14 amYou can make the slideshow size 850 x 500 within the module itself.
Check you have refreshed cache and in dashboard (top right cog)?opencart.my wrote: ↑
Sat Oct 20, 2018 2:39 pm
You can modify the width & height values in the Slideshow extension to match with your image size, which is 1200 x 800, and make sure all other images you plan to use for the slideshow has the same dimension.
I have a module that will fit the best size to screen .. which is what I suspect is the issue you are having but not realising.
https://www.opencart.com/index.php?rout ... load_id=49
I have modified both the carousel and slide show modules to reflect my image size of 800 x 500 and also refreshed the cache with no change. I've made very few changes to the installed cart, this was the first I started to try to change but it is not changing. The photos that are on there now, are the photos on our main website that we want to use as none of the others feature the main product as well as these three images which we cannot modify to fit the current width of 1200. https://guardianmask.com/OCCart/
Add this to your stylesheet and that should work.
Code: Select all
#slideshow0 .img-responsive {
margin: auto;
}
Code: Select all
#slideshow0 .img-responsive {
margin: auto;
width: 1200px;
}
If you are trying to best fit the screen (it can also adjust it to focus the actual eye mask) and fill the whole space adapting the image to fit the space (as opposed to the white space(solution1)) and not take up all the page (solution2). My module will do that. It will also allow you to add some text and links to promote the product / show benefits it bullet point etc.
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
I'm finding the cart to be a bit more confusing than Zen Cart which was pretty awful to learn.
Does anyone know of a service for setting up these carts? I honestly don't know if I can do this.
If changes you are making are not taking effect then this is caching (or the edits you are making are not to the correct files).
If you have made the changes above to the correct css file, it should work, as in I know it works so the problem is not the code itself.
There are a number of places caching takes place ..
Admin = > Modifications = > top right refresh (you can clear also and then refresh)
Admin => dashboard => top right cog (you can turn off caching for development mode here also)
Browser => depending on your browser this also caches files
Server => some servers automatically cache files
Yes, you can post viewforum.php?f=88 which is the commercial forum and I am sure lots of people will contact you with quotes.
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
Users browsing this forum: JNeuhoff and 146 guests