buttons do not sit next to each other

Home Forums Jevelin Theme buttons do not sit next to each other

Home Forums Jevelin Theme buttons do not sit next to each other

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • 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?

    Attachments:
    You must be logged in to view attached files.

    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.

    Attachments:
    You must be logged in to view attached files.

    Still waiting to hear back.

     

    You need to move these buttons in to separate column layout elements as shown in the attached screenshot.

    Attachments:
    You must be logged in to view attached files.

     

     

    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?

    Attachments:
    You must be logged in to view attached files.

    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/

Viewing 7 posts - 1 through 7 (of 7 total)