• How can I make the white box (not a widget) wider to fill the page?

    [ redundant link removed ]

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi @jedicolin

    It seems that the class “featured-content” is set at a width of 66%. When I set it to “width: 100%” The white box you referred to widens to fill most of the page (minus any padding and margin)

    In your custom css, try adding the following:

    div#page div.site-content { width: 100%;}

    Hope this helps with the width issue.

    Jonas

    • This reply was modified 5 years, 5 months ago by Jonas.
    Thread Starter jedicolin

    (@jedicolin)

    Thank you.

    I just tried the code but it did not work.

    Sure and sorry it did not work. I took another look. Try also adding the following to the custom css styles:

    div.content-wrap div.featured-content {
    width: 100%;
    }

    Jonas

    Thread Starter jedicolin

    (@jedicolin)

    Thank you, you are a star!

    It works fine.

    My pleasure! Glad to be of help.

    I think I have the same issue, not sure.
    My issue is with the new editor, there is so much un-used white space on the screen around the blocks, how does one enlarge the width of the blocks in the editor.

    If it is the above custom css, where is this elusive custom css location.

    Does this affect the actual display on a published page. I don’t want to alter that.

    Hi @branko3184

    Yes the css from the posts above is for styling the width of an element which appears to users on the frontend/published page. To add custom css for this purpose, go to appearance > customize. At the bottom of the customize screen is an area to add any css modifications.

    With the new editor, Gutenberg, as far as I understand the whitespace around the blocks is intentional. If Gutenberg is not your cup of tea, you can always install the plug-in “Classic Editor”.

    I hope that helps,
    Jonas

    Hi Jonas,
    Thanks, its the white space in Gutenberg, shame not to use it especially with the monitors and resolution we have these days. The Classic, was good, but its got a short life now, so no point returning to it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @branko3184 All gutenberg does it inherit styles from your theme. Which theme do you have?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @branko3184 Rather than take this topic over, please open a new topic to discuss your issue: https://www.ads-software.com/support/forum/how-to-and-troubleshooting/#new-post

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Extend text on page’ is closed to new replies.