Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #568909

    I’m having a problem setting up the accordion slider as I’d like. In the default settings the excerpt appears below the title on the left. This doesn’t leave much room for text. Ideally, the title would appear on the left hand side of each section, as is standard, and the excerpt text would be be on the right side – hidden until the section is hovered over.

    I’ve tried to combine some of the accordion formatting found by searching support, but I can’t get the custom css to treat the title and excerpt separately. Any help would be appreciated!


    Hi jamineastman!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on or Dropbox public folder and post the links here



    Hello Yigit bey, here is the link to a screenshot with some annotation. I appreciate your help.



    I see. Do you mind creating a temporary admin login and posting it here privately?



    I really appreciate your help



    Sorry for the late reply!

    Could you please post the link to login page as well? wp-admin, wp-login.php and others i tried did not work :/

    Best regards,


    No problem, I had forgotten I moved the login page.



    Please try this in the Quick CSS field:

    #top .aviaccordion-preview {
        width: 72.9% !important;
    .aviaccordion-excerpt {
        position: absolute;
        right: 0;
        width: 50%;
        top: -20px;
    #top .aviaccordion-preview-title {
        padding: 3%;
    #top .aviaccordion-title {
        width: 20%;
        top: 10%;
        position: absolute;



    Hi Ismael, it will require a little bit of tweaking to get the spacing right, but this works perfect. Thanks so much.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Create two sections in accordion’ is closed to new replies.