Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

slider: The background picture is not shrinked to fit into the frame on the "desktop view"

Featured Lock Resolved Issue
Hello,
I have a problem with the slider:
The background picture is not shrinked to fit into the frame on the "desktop view":
Titlehttps://mazdaznan.eu/de/component/sppagebuilder/?view=page&id=19&Itemid=0

Only when I shrink the window size to "mobile" phone, the background picture is completely displayed.
How can I adjust the "desktop"view of that background image?

Thanks for your help!
I'm running latest versions: Joomla 3.9.13, with Helix ultimate 1.1.1 and pagebuilder 3.6.4

10 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Would you please provide me a screenshot of your problem?

-Thanks

Marco

More than a month ago #Permalink
Here are the screenshots:
Slider_Desktop_NOT_shrinked.png
The background image is cut on left and right side.

Slider_Mobile_shrinked_correctly.png
The background image is shrinked/resized correctly,
but the text on the Button and above is resized very small, that it is impossible to read it.

Thanks for your help!

Attachments (2)

  • Slider_Desktop_NOT_shrinked.png
    Slider_Desktop_NOT_shrinked.png 269.8 KB
  • Slider_Mobile_shrinked_correctly.png
    Slider_Mobile_shrinked_correctly.png 128.7 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. For the right & left side gap, this image displayed this way.

https://prnt.sc/q721am

-Thanks

Marco

More than a month ago #Permalink
Hi Toufiq,
please resize your window width to: 991 and then to 992
below 991 the background image is fitted/shrinked correctly. -> Slider_shrinked_991.png
Above 992 the background images is NOT resized, but zoomed in. -> Slider_Desktop_NOT_shrinked_992.png

Any idea? Maybe a wrong setting?

Thanks.

Attachments (2)

  • Slider_shrinked_991.png
    Slider_shrinked_991.png 173.1 KB
  • Slider_Desktop_NOT_shrinked_992.png
    Slider_Desktop_NOT_shrinked_992.png 220.6 KB

Pavel

More than a month ago #Permalink
Any idea? Maybe a wrong setting?
You need a little insight into what the background image is. Everything works as it should. Background image - it's just decoration. There can not be a meaningful piece of content. Add an "image item" instead

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Would you please add this css code inside the custom.css file.


.sp-slider .sp-item .sp-background {
background-size: contain;
}


-Thanks

Marco

More than a month ago #Permalink
Hi Toufiq,
thanks, but still it does not fit properly.
see: Titlehttps://mazdaznan.eu/de/component/sppagebuilder/?view=page&id=19&Itemid=0

Maybe I need here: "fit slider size proportional according to background image size" or the other way round?

Hi Pavel,
maybe you are right and what I want, does not work with the slider at all.
I would be in need of an professional Joomshaper Pagebuilder developer, who can help me, develop, or teach me how build my site.
Can you tell me where to find a good developer?

Thanks.
Marco

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Please add this css code inside the custom.css file.


#sppb-addon-1548232873605 .sp-slider .sp-item .sp-background {
background-size: contain;
height: 100%;
}


-Thanks

Pavel

More than a month ago #Permalink
Hi Pavel,
maybe you are right and what I want, does not work with the slider at all.
I would be in need of an professional Joomshaper Pagebuilder developer, who can help me, develop, or teach me how build my site.
Can you tell me where to find a good developer?

I think I could help you. Write to me PM

Marco

More than a month ago #Permalink
Thank you, but I need a native English speaker to communicate via Skype.
Anybody else who could help?


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 111
Toufiq

Toufiq

Total Accepted Answers: 62
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 26
Ofi Khan

Ofi Khan

Total Accepted Answers: 11
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 8

120

Templates

310525

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us