I'm working on a new website, and the designer wants to achieve the look shown in the attached image. The innerrow is yellow and right column needs to have rounded corners, (the background of the site should be black).
Can anyone point me in the right direction? I've been fiddling with CSS for a while and can't seem to figure it out.
I see now that the column settings has a custom border radius, so I can set the top right and bottom right radius separately (how awesome is Salient :-) ).
So I'm almost there. If I could stretch the left yellow side just to the left edge, any ideas?
Hi,
I'm working on a new website, and the designer wants to achieve the look shown in the attached image. The innerrow is yellow and right column needs to have rounded corners, (the background of the site should be black).
Can anyone point me in the right direction? I've been fiddling with CSS for a while and can't seem to figure it out.
Thanks!
Attached files: Knipsel.JPG
I see now that the column settings has a custom border radius, so I can set the top right and bottom right radius separately (how awesome is Salient :-) ).
So I'm almost there. If I could stretch the left yellow side just to the left edge, any ideas?
Hi Filip,
Thank you for getting back to us.
Try adding a negative left margin value and see if this will help. You can also try adding a negative translate x value and see how this goes.
Alternatively, you can try and set the parent row to full width content and see if this works for you.
Try this and let us know how it goes.
Thanks,