Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 12, 2015 at 8:43 pm #486781
    Driekus

    Hello people,

    I’m struggling with a little problem. On a page I need a block with a specific background. In this block I have two 1/2 columns, one with an image and one with a tekst block. Normally this could b achieved by using a color section but a color section is full width and overlaps the sidebar. How can I achive this without overlapping the sidebar?

    I have also made an image. The squares are 1/2 columns with images and tekst. The top two 1/2 columns should be contained in a section with a seperate background (the box with lightgrey backgound and red stroke in this example)

    example for colored box

    Hope you can help me.

    Kind regards,
    Erik

    August 13, 2015 at 10:44 am #487060
    Josue

    Hey Driekus!

    Have you tried using a Widget element? that way you can disable the natural sidebar and use that instead.

    Best regards,
    Josue

    August 13, 2015 at 1:17 pm #487166
    Driekus

    Hello Josue,

    Unfortunally that isn’t a asolution as the Widget element needs to be placed in a columsection as well to prevent it to be full width. When I would use the widget element it isn’t the full height of the page as well.

    Regards,
    Erik

    August 13, 2015 at 4:57 pm #487310
    Elliott

    Hey!

    In that case you would need to create it manually with HTML inside a codeblock element. It is going to take a bit of CSS work though.

    Best regards,
    Elliott

    August 13, 2015 at 9:06 pm #487438
    Driekus

    Was already afraid of that :-) I will look into it.

    Regards,
    Erik

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Create a color-section that doesn't overlap the sidebar’ is closed to new replies.