Page content spanning entire page width

  • Author
    Posts
  • #1286

    Matt240368
    Participant

    I am encountering an issue where the text/elements on my page touches the left end of the page and I want it to be a bit more to the right so there is a space between the text and the left side of the page (I believe this is called padding but I am not sure). I may have made this change by mistake because I was trying to adjust images on my home page to span the width of my screen by making a tweak in the theme editor. I remember not being successful in making the change but now days later I see that my home page looks the way I wanted it to but the other pages need to be fixed

    Is there a way to fix this and also keep the home page the way it is? I mainly just need to get the text/elements on the other pages moved over so if this would require the change on the home page that’s fine because it’s more important that the other pages are fixed.

    Best Regards,
    Matt

    #1287

    Matt240368
    Participant

    Actually thinking about this more, if there is a site-wide fix that would also fix the home page then that would be the best solution because some other content on my home page is problematic being too close to the edge.

    Best Regards,
    Matt

    #1288

    Andrew Misplon
    Keymaster

    Hi Matt

    Good to hear from you again. Hopefully our chats previously have helped progress in other areas.

    Please remember not to use Appearance > Editor unless you’re making use of a child theme. All WordPress themes completely overwrite themselves during update. Ultra will have an update out very soon.

    If you’re using Page Builder and making use of the Edit Row > Layout > Row Layout > Full Width Stretched option, you will unfortunately lose the regular content container padding left and right as you’re breaking out of that container. I’ll take a look at this moving forward. For now, I’d recommend trying the following in your Custom CSS plugin:

    /* SiteOrigin Page Builder Full Width Stretched Rows Widget Padding */
    
    .siteorigin-panels-stretch .panel-grid-cell:first-of-type .widget {
    	padding-left: 25px;
    }
    
    .siteorigin-panels-stretch .panel-grid-cell:last-of-type .widget {
    	padding-right: 25px;
    }
    
    .siteorigin-panels-stretch .panel-grid-cell:only-of-type .widget {
    	padding-left: 25px;
    	padding-right: 25px;
    }

    Let me know how that goes.

    #1289

    Matt240368
    Participant

    I am using the full page width so that would explain why this is happening. I have updated the custom css in the Simple Custom CSS plugin and nothing seemed to happen. I also realized that the previous custom css you sent regarding the text breakup on desktop screens didn’t seem to fix the issue. Is it possible that there is something preventing my custom css from working?

    Best Regards,
    Matt

    #1290

    Andrew Misplon
    Keymaster

    If you’d like, send through a link to your site. I’ll inspect the page source and see if the Custom CSS is there. There is a private reply checkbox at the bottom of the comment field if you’d like to keep your site url to just us.

    #1291

    Matt240368
    Participant
    This reply has been marked as private.
    #1292

    Andrew Misplon
    Keymaster

    Thanks Matt. The above reply was private, if you log out you’ll see so. I’ll introduce a little design element so we can easily see which replies are private when logged in.

    I’ve made some changes to Custom CSS. Please check now and let me know where we stand on the bugs we’re looking at. Thanks.

    #1294

    Matt240368
    Participant
    This reply has been marked as private.
    #1295

    Matt240368
    Participant
    This reply has been marked as private.
    #1297

    Andrew Misplon
    Keymaster

    Thanks for the feedback, please re-check and let me know.

    #1298

    Matt240368
    Participant

    Okay, I was able to figure out how to fix it. Thanks again for the help.

    #1299

    Andrew Misplon
    Keymaster

    For sure, glad to hear you made progress. All of the CSS we’ve added to Custom CSS should be able to be deleted after the next upgrade. Let me know if anything else comes up.

    Cheers for now.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

Scroll to top