SiteOrigin Hero widget – button spacing

  • Resolved groston

    (@groston)


    7 years, 4 months ago

    I have just started using the Bento theme and am really liking it – thanks!

    On my homepage, I created a row and added a SiteOrigin Hero widget to the row. In the Frame section of widget, I added some text and [buttons] which allowed me to add to buttons into the frame. With a ‘normal’ width window, everything appears just fine. However, when the width is reduced, the button stack on top of each other (as expected), but there is no space between them.

    What should I do to have some vertical space appear between the buttons?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello groston,

    The space can be achieved with the help of custom css-

    @media (max-width: 360px){
.ow-button-base.ow-button-align-center{
margin-bottom: 30px !important;
 }
}

    I hope the above was helpful.

    Regards,

    Manoj

    Thread Starter groston

    (@groston)

    Manoj,

    Thank you. I copied and pasted the CSS you provided into Customizing->Additional CSS (below the comment), clicked the Save & Publish button, but it seemed to have no affect. What may I have done wrong?

    Theme Author satoristudio

    (@satoristudio)

    Hey Manoj,

    please try this CSS instead:

    #pl-12 .so-widget-sow-button { margin-bottom: 20px !important; }

    Thread Starter groston

    (@groston)

    satoristudio – Thank you – that works!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘SiteOrigin Hero widget – button spacing’ is closed to new replies.