Change the page content size - Forum | JoomShaper
Awaiting an answer Helix Framework

Change the page content size

Asked by Jolanta 3 years ago Last activity 3 years ago

Hi,
Where in the helix ultimate template can I change the content width from 1320px to 1200px for the entire page?
I know where I can change the size for a section or a single page, but I would like to set this size globally for all subpages on the page

Best regards,
Ariel

6 replies

Oldest first Newest first Most helpful
Jolanta Asked this
3 years ago

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

Paul Frankowski Senior Staff
3 years ago

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
Jolanta Asked this
3 years ago

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

Paul Frankowski Senior Staff
3 years ago · edited

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/

Jolanta Asked this
3 years ago

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?

Log in to reply.