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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form