hi
When you use the gallery add-on, you can set the width value separately for tablet and laptop modes in the options section.
However, such separate settings do not exist for radius or some other properties.
This means that if you set the radius to 200 for the laptop view, the same value will also be applied to mobile and tablet views, which makes the appearance look unattractive.
Solved
SP Page Builder
responsive problem
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
1 year ago
· edited
as example, for Gallery addon:
@media screen and (max-width: 640px) {
.sppb-gallery img {border-radius: 10px !important;}
}In similar way will be for other addons, just with a different class name. If you work as webmaster you should handle that or ask ChatGPT.
6 more replies
Paul Frankowski Senior Staff
1 year ago
· edited
Hi,
Indeed, we assumed that webmaster will use value that will look nice in all views.
200px is a big value for border-radius, in most cases it means almost circle images.
Right now you have to use Custom CSS to override that value. I hope you know the basics.
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us and sorry for your issue. You can use custom CSS to solve it. You can check this documentation, it may help you.
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
-Regards.
saman Asked this
HI
thank you for fast reply. the 200 is an example.
but in some other add-on this problem is exist. is the solution is use custom CSS?
Paul Frankowski Senior Staff
Yes, by now Cusom CSS, becuase on the forum we cannot deliver php code customizations.
Mehtaz Afsana Borsha Staff
Hi
Is this solved now? If yes, you can then close this post by accepting the answer.
Mehtaz Afsana Borsha Staff
Glad to know that its solved and thanks Paul for helping him.
Log in to reply.