Im using PB 4.06. Latest version Joomla.
How can I adjust the image size used inside the slideshow add on?
I have it on the FP of the site currently. I want the image to be wider.
I have tried column settings in the add on. This does nt change the image size.
Staff replied
SP Page Builder
image size in slideshow
21 replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Shari Chambers Asked this
OK.. how can I upload this?
Shari Chambers Asked this
Visit the website in the hidden content
Mehtaz Afsana Borsha Staff
You can use this for uploading screenshot
Shari Chambers Asked this
To be clear - Ihave no option to upload a screen capture, and the icon above for image simply gives me an html option.
Seriously, how is this so complicated?
Shari Chambers Asked this
I know how to screen capture. What I cant figure out is how to upload that to you, nor do I understand why you can not simply click on the link to the website and look at the page. Instead, days go by with no solution.
Mehtaz Afsana Borsha Staff
Are you talking about this image?
Shari Chambers Asked this
Yes. I want to be able to change the size (width or hieght) of the image used in the slideshow.
Shari Chambers Asked this
3 years ago
· edited
Also in the Feature Box Odd on. I want to increase the width / hieght of the image and I do not see where I can do this
https://prnt.sc/dYUjkBM7JurG
Here is the CSS file on the feature box with max-width at 150px. Where in the add on can I find this?
https://prnt.sc/GUzIqFvUW_ci
OK I found this setting in the custom css of the add on.
Shari Chambers Asked this
As for the other image I want the image on the left to be larger - wider.
https://prnt.sc/j5wx0jpa4n-N
Shari Chambers Asked this
ANY NEWS ON THIS?
I want to be able to control the image size in the Slideshow.
I am awaiting instructions on how to do this.
You have a screen capture of the issue. You have access to the website.
Mehtaz Afsana Borsha Staff
Use this custom CSS
.sp-slider #sp-slider-item-1668010365688-num-0-key #sp-slider-inner-item-1668010365689-num-2-key img {
height: auto !important;
width: 100% !important;
}
.sp-slider #sp-slider-item-1668010365688-num-1-key #sp-slider-inner-item-1668010365690-num-3-key img{
height: auto !important;
width: 100% !important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Shari Chambers Asked this
Hello. Thank you for the fix!
The above fixed this on the live view, can we get this to work in edit view?
Shari Chambers Asked this
Also, assuming this will work only this slide, is there a way to edit the image size with in the addon? Or is this a bug? Do I have to use the above fix on all slideshows if I want to manage the images size?
Mehtaz Afsana Borsha Staff
You can use the CSS for solving all off these images. This blog may help you. Just inspect your browser and then solve it
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Shari Chambers Asked this
So, the size of the image in the Slideshow is not an option and wont be an option and has to be done through CSS each time?
Sorry, is this a known bug, or is this how the slideshow will function. I use this product so my clients can edit their website easily. Most have little knowledge of CSS, let alone finding the line of code. The idea of sppagebuilder is to be a drag and drop product.
Please let me know this, as going forward, this would be a game changer in whether or not I continue to use this product.
Mehtaz Afsana Borsha Staff
The settings should work. When sometimes this kind of problem occurs we solve it via custom CSS.
Shari Chambers Asked this
Yes, I am aware that CSS does overide settings. I also know how to set it.
Can you explain to me how to change the size of the image in the slideshow so I can use the addon directly to change the size of the image please. If you can not, or it doesnt work, it should be noted as a bug.
Mehtaz Afsana Borsha Staff
You can choose the slider height from here.
Shari Chambers Asked this
This is the slideshow with out the CSS manipulation
https://prnt.sc/TsPaKwTFa6RM
The image is compressed from its original size. I want to be able to show the image in a different size.
Can this be done inside the slideshow?
I will ask again (2 weeks of asking the same question BTW)
Can the image inside the slideshow be changed WITH OUT using CSS to overide the addons settings?
Mehtaz Afsana Borsha Staff
No sorry there is no default option to do this. I will note it down in our request list.
Log in to reply.