Make Template Full-Width

  • Resolved wpusernumber0001

    (@wpusernumber0001)


    6 months, 3 weeks ago

    Is there any way to make the template full-width. For example, on the test page I shared, there’s space to the left/right of the banner , and I’d like to eliminate it.

    I changed the settings in Styles> Layout to remove padding but this did not do it. Previously, there was a template width selection option under Page Attributes, but I no longer see this option.

    Can you please let me know if it’s possible to make pages and posts full-width?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    If the padding setting in Styles > Layout does not work for you, you can alternatively remove the padding with CSS code.


    You can remove it by setting the padding-left and padding-right of the class .has-global-padding to 0:

    .has-global-padding{
     padding-left: 0;
     padding-right: 0;
}

    Hope this helps!

    Thread Starter wpusernumber0001

    (@wpusernumber0001)

    Hi, Thank you for the tip. I added this code to the Additional CSS, but it’s still not working. I used to be able to access the entire style sheet (looks like that’s what you’ve shown here) in WP, but I have no idea where that is. For now, I am just giving up and going to another theme. I noticed there are other automattic themes in the WP themes library. that say “full-width template” or “wide blocks” and this one does not, so hopefully one of those will work. Thank you anyway.

    • This reply was modified 6 months, 2 weeks ago by wpusernumber0001. Reason: marked as resolved

    Hi,

    Adding !important might be needed to make the code work:

    .has-global-padding{
     padding-left: 0 !important;
     padding-right: 0 !important;
}

    In any case, if the above code doesn’t work, switching to a full-width template theme will probably simplify things.

    Hope this helps!

    Thread Starter wpusernumber0001

    (@wpusernumber0001)

    Thank you for the reply! I thought about !important, but I ended up switching themes, which has made it a lot easier. I just wanted to verify as I would like to use the Jaida theme for another website in the future—do I enter this in the Additional CSS section, whcih can be found at the bottom of every page, or is there another way to access a global style sheet for the entire theme?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make Template Full-Width’ is closed to new replies.