Home › Forums › Jevelin Theme › buttons do not sit next to each other
Home › Forums › Jevelin Theme › buttons do not sit next to each other
Hey guys,
Issue with buttons..
I have a container, inside the container a div 9, when I add buttons they stack on top of each other rather than next to each other as I’m unable to add a div 3 and div 3 inside the div 9.
im using unyson visual click drag editor.
any suggestions?
Hi @hliu,
I hope you are well today and thank you for your question.
Could you please also share me the screenshot from admin area of how you have added them and share me page URL from your site where it is displaying so that i can help you?
Best regards,
Shufflehound team
Thanks for replying.
The site is not live. See attached.
The 1/6 div containing the button will not move into the 1/3 as it does not nest.
Still waiting to hear back.
You need to move these buttons in to separate column layout elements as shown in the attached screenshot.
Yes, I understand what you have suggested and have already tried that as per my previous screenshots.
When I move the buttons to the 1/6 slots below, they are then located well below the rest of the text and sit under the image.
See reference images attached again.
Does the drag drop theme allow nesting? Or do I have to code to get the result I’m after?
Solution for this topic
So in this case add the buttons as you did before then add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body.page-id-2 .sh-column-wrapper .sh-button-container:nth-of-type(2) {
float: left;
margin-right: 15px !Important;
}
Change the page ID 2 in the above code to the page ID where you are displaying the buttons.
You can find page ID as described on this page https://www.competethemes.com/blog/find-page-id/