Full width background color / content in container

  • Hi there, I’m struggeling with an issue on a wordpress site. What I want to achieve is a two-column block (1 image / 1 text block with button) where the two columns are positioned in the entry content container, but the background needs to be full-screen.

    I achieved getting the align wide block with adding this to my functions.php file:
    add_theme_support('align-wide');

    See the gold banner on the home page.

    But the issue when using this block is that the entry content container is not working and that (when visiting the website on a larger screen) the two columns are not positioned in this area.

    Hopefull someone has a solution or can put me in the right direction!

    • This topic was modified 3 years, 7 months ago by alcuni.

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

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

  • OK I can see the issue is that alignwide of the whole block is causing.

    This is what I suggest, the you put the two column block inside a group block to ‘contain’ the columns. Hopefully the group block will add .container class which is the constraint ( or you can add that manually to the group block )

    Thread Starter alcuni

    (@alcuni)

    Hi Alan,

    Thank you for your reply! What I did is the following:
    1. Created a two-column element
    2. Added a sample image (left) and a sample text (right)
    3. Added a “group” element and added the .container in the Extra CSS-class(es) field for sure
    4. Dragged my two-column element in the group element

    Unfortunately the result is the same ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full width background color / content in container’ is closed to new replies.