skip to Main Content

In the following link, there is an Accordion, I want all Accordion’s titles to be right aligned.
I used this CSS code:

.ekit-accordion-title {
    text-align: right;
}

However, the code is not working. What is the issue with code?

4

Answers


  1. Use this CSS code.

    .elementskit-btn-link {
        justify-content: flex-end;
    }
    

    Or

    .ekit-accordion-title {
        width: 100%;
        text-align: right;
    }
    
    Login or Signup to reply.
  2. Make sure you add important to the CSS style

    #accordion {
      text-align: right
    }
    
    ;
    .ekit-accordion-title {
      text-align: right !important;
    }
    Login or Signup to reply.
  3. See this working ssTo get the button text of the accordian elements to be right aligned, do this:

    .maxbutton-1.maxbutton.maxbutton-account-page .mb-text{
        text-align: right;
    }
    

    To get the title of the accordian to align right, use this:

    .ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{
         justify-content: right;
    }
    
    Login or Signup to reply.
  4. To align text to right side use this code on anchor element .elementskit-btn-link:

    display: flex;
    justify-content: flex-end;
    

    If you wish to center it then this:

    display: flex;
    justify-content: center;
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search