How to put two elements in the widget next to each other

By default, elements in Convead widgets sit one under the other, but you can put them next to each other. For example, an email input field and a button or two buttons – “For men”, “For women” – look great when they are on the same line. To do this, you first need to create all the necessary elements, and then move them using indentation:

Very important point! With this placement, the container (block) of one of the buttons can overlap the other button and it will be impossible to click on it. It’s easy to notice when you click on one of the buttons and nothing happens. To fix this, you need to bring the bottom button up using the code:

position:relative;

z-index:2;

The code should be written in the CSS field for both blocks. The z-index for the block at the top should be greater than that of the second block, for example, 1 and 2.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us