Hi

Thanks for contacting us. You can use custom CSS on that. These links may help you:

https://www.w3schools.com/css/css3_mediaqueries.asp

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

-Regards

Hi, Okej, I thought such a change is possible in the template or sp page build. Thank you for your response.

I have one more question. How can I change the arrangement of elements on the page from the page builder using Addons -> Articles. I want to make a photo on the left, text on the right? Now I have a photo on top, text on the bottom? Do I have to do this in code too?

For read more button i need aria label how can i add it? in the aria label, the name of the button and the title of the article must be generated.

Best regards, Ariel

Hi Ariel,

about extra questions:

1. only via Custom CSS - because Articles addon doesn't have grid design yet.
2. addon code (site.php) customization is needed for that

Can I use dynamic data in sp page builder? e.g. dynamically loaded photos?

ad 1 (extra) this Custom CSS should help:

@media screen and (min-width: 560px) {
.sppb-addon-articles .sppb-addon-article {display: flex;}
.sppb-article-img-wrap {
  flex: 0 0 50%;  max-width: 50%;padding-right: 15px;}
    .sppb-article-info-wrap { flex: 0 0 50%; max-width: 50%; }
    }

of course this is just a example CSS code.

ad 2 (extra) I wonder why you need the aria-label attribute for "Read more" link - if we talk about accessibility rules it's better to not use "read more" at all (based on my knowledge) - especially if the title and photo are linked anyway. A reasonable place to use this would be for the "See all posts" button at the bottom.

The aria-label should be used to provide a text alternative to an element that has no visible text on the screen. Source: aditus.io/aria/aria-label/

ad. 1 thank you, I'll try your code ad. 2 I agree with you, but the ordering party wants such a button on the website, so I have to make it

Please answer my question: Can I use dynamic data in sp page builder? e.g. dynamically loaded photos?