Unable to make block background colour stretch screenwide

  • Resolved itmonitor

    (@itmonitor)


    2 weeks, 4 days ago

    Hello,

    I could not make the background colour of each WordPress block to be responsive and stretch to full screen width in a 16:9 monitor, a tablet and a smartphone.

    The background colour setup I am looking for is like this website here https://labiodiversa.com/preguntas%20frecuentes . You can see that no matter the screen width, if PC, tablet or smartphone, the text is centered but the gray background colour extends screenwide.

    Any advice is welcome ??

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

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

  • Hello @itmonitor
    As I can see you have added some CSS codes for your website to use 1100px container size and that’s why you are facing issue.
    You have added css for this classes, Make those as a 100%

    .site-header,?.site-footer?{
    max-width: 1100px;
    margin: 0 auto;
    }
    body {
    max-width: 1100px;
    margin: 0 auto;
    }

      Thread Starter itmonitor

      (@itmonitor)

      Thank you.

      I modified the CSS body max-width to 100% and site-header and site footer to 100%. I resolved the header and footer issue, it is stretched now.

      But the CSS for the body is not working. The text stretches full screen and in a 16:9 screen this impairs the website layout.

      Rgs

      Thread Starter itmonitor

      (@itmonitor)

      Hi, I manged to fix the text stretching, which was full screen. Just for the sake of sharing to help others, I converted paragraphs and headings into Group and attributed a Maximum Width (in my case 1100px) in the WordPress page menu at the right.

      Thank you for your help.

      Ok good to know that you resolved the issue.

    Viewing 4 replies - 1 through 4 (of 4 total)
    • You must be logged in to reply to this topic.