Padding

Home › Forums › Jevelin Theme › Padding

Home › Forums › Jevelin Theme › Padding

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • adamwiggins82
    Participant

    Hi, having some issues with columns at the moment as it seems to be inserting invisible padding maybe?

     

    This is the page in question https://quirks.essexwebdesignstudio.com/ and i’m trying to get it to look like the attached image.

     

    Hopefully you can help as it seems to be adding padding under the Title when i want them grouped as per the attached screenshot 🙂

     

    Thanks, Adam

     

     

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

    Shufflehound Support
    Moderator

    Hi Adam,

     

    I hope you are well today and thank you for your question.

     

    I have made it work on your shared site using below CSS code.

     

    .counter-wrapper .sh-counter {
    float: right;
    margin-right: 45px;
}

     

    Could you please confirm it?

     

    Best regards,
    Shufflehound team

    adamwiggins82
    Participant

    Hi,

     

    Looks great on desktop… but not so great on mobile.

     

    Can we move the counters to the bottom when on mobile?

     

    Thanks, Adam

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

    Shufflehound Support
    Moderator

    Solution for this topic

    To achieve that please use below custom CSS code instead of the CSS code shared above.

     

    @media (min-width: 770px ){
.counter-wrapper .sh-counter {
    float: right;
    margin-right: 45px;
}
}

    adamwiggins82
    Participant

    that’s great thank you 🙂

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)