Ultra: full width on specific pages

Hi @pcfritz

Thanks for reaching out. There isn’t currently a real full width page template in Ultra. Perhaps I should add one. If you’re using Page Builder on the pages in question then you can set rows to be true full width.

Edit Row > Layout > Row Layout

I created a quick video on using full width row layouts in Page Builder here: https://www.youtube.com/watch?v=zpQJr8X_oSA

Let me know if that helps ??

Thank you for your quick answer. Yes, I am using Page Builder, but if I set the Row Layout to full width streched, I get a littly gap on each site, even if I set padding to 0 px. What can I do?

This is my website:

https://mariengarten.ddns.net

Sorry about that. I was trying to correct for another situation but see the problem and have removed the problem CSS rules in the next update. For now please, insert the following hotfix:

/* Page Builder Row Styles: Remove after next Ultra update */
.siteorigin-panels-stretch[data-stretch-type*="full-stretched"] .panel-grid-cell:only-of-type .widget {
  padding-right: 0;
  padding-left: 0;
}

If you’re using a child theme this can be added to the style.css of your child theme. If not, you can use a plugin like Simple Custom CSS: https://www.ads-software.com/plugins/simple-custom-css/. Once activated paste the above at Appearance > Custom CSS.

If you’re making use of Jetpack go to Jetpack > Settings and activate Jetpack Custom CSS instead. Once activated go to Appearance > Edit CSS.

Let me know how that goes ?? Thanks.

Hey @pcfritz

It’s great you’ve been making little tweaks to the theme, especially to places that I haven’t added controls/settings yet. However, it looks like you’ve made changes directly to style.css. All WordPress themes overwrite when they update so these changes aren’t upgrade safe. If you get one of my recommended Custom CSS plugins up and running I’ll send you your custom CSS shortly to insert.

The CSS at the following link are the only changes you’ve made to style.css. If you paste these rules into the field at Appearance > Custom CSS once Simple Custom CSS has been activated, your changes will be upgrade safe.

https://gist.github.com/Misplon/225c276b92ebd856ea24

Thank you for your answers. If I paste the first hotfix (paddin left: 0, padding right: 0), nothing happens. It seems that it doesn’t work. I changed the padding manual and sucessfully.

No problem. In this instance it’s ok to rely on editing style.css directly because I’ll move remove this rule in the next update. Just a quick reminder to paste the styles listed at my GitHub link into the field at Appearance > Custom CSS once Simple Custom CSS has been activated. Thanks ??

hello, This question is for the developer. I am having problems with my header. I would like it to be more central, with the words on one line not towards the left on two lines. I have looked at the other comments but i do not know how to change the code. i have not published my site yet because of this problem. i appreciate your help.

Hi @dramaka

Thanks for reaching out.

Let’s try a Custom CSS solution. If you don’t already have a Custom CSS plugin installed, please, install SiteOrigin CSS. Next, go to Appearance > Custom CSS and insert:

/* Header */

.site-header .site-branding-container {
	max-width: 35%;
}

.main-navigation {
	max-width: 65%;
}

To allow your site title more space to render, adjust the percentage values. Whatever you add to the first value (site title space), you must subtract from the second value (main menu space).

To center the site title a bit more we could try making the overall site width a bit less. Perhaps 960px. To try that, add the following to Appearance > Custom CSS:

/* Full Width Inner Container */

.container {
	max-width: 960px
}

Let me know how that goes.

(For any questions after this one, please, open a new support thread. Thank ?? )

hi andrew, im recently using your template and i want to add a img on the content with the full width of the page but I cant, it only stays on the content wrapper.
is there anyway to solve this problem?

Hi @rabanadas

Great to hear from you, I’m sure I can help. This support topic is resolved, would you mind opening a new one so that I can assist further?

Thanks ??

Hi @rabanadas

A quick follow-up to see if you’ve had a chance to open a new support thread yet? I’m ready to assist, thanks ??