Accordion text alignment

Home Forums Jevelin Theme Accordion text alignment

Home Forums Jevelin Theme Accordion text alignment

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • VRISKappers
    Participant

    Hello team Shufflehound,

    I’m using the accordion as a pricelist (based on the Beauty Theme), but would like the treatments aligned on the left and the pricing aligned on the right. Is this possible within Accordion and if not, what other element would you advise?

    Screenshot: https://snipboard.io/CrgHz2.jpg

    Thank you

     

    Hi @stephanysetoe,

     

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

     

    Could you please share the page URL from your site where it is displaying so that I can help you?

     

    Best regards,
    Shufflehound team

    VRISKappers
    Participant

    Please add treatments and price in different span elements so that we can align them.

    VRISKappers
    Participant

    Sorry you will need to provide me with an example because HTML is not within my vocabulary. I am only used to work with WYSIWYG-editors.

    In order to save time I did add 10 spaces between the treatments and prices, but I don’t think that that is what you meant. See screenshot: https://snipboard.io/pqZCiF.jpg

    Thanks!

    Solution for this topic

    You can add span tags as displayed in the attached screenshots.

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

    VRISKappers
    Participant

    Okay thanks for the example; all have been done.

    Solution for this topic

    You can achieve it by adding 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

     

    .sh-accordion-content-cell span:nth-of-type(2n+2) {
        float: right;
    }

    VRISKappers
    Participant

    Yes looks perfect now!  Thanks for the coding and your support!

    You are most welcome here 🙂

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