Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 20, 2016 at 10:34 pm #568909
    jamineastman

    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!

    January 20, 2016 at 10:51 pm #568919
    Yigit

    Hi jamineastman!

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

    Cheers!
    Yigit

    January 21, 2016 at 3:43 pm #569435
    jamineastman

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

    http://i.imgur.com/ZBLXXwF.png

    January 21, 2016 at 4:40 pm #569464
    Yigit

    Hey!

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

    Cheers!
    Yigit

    January 21, 2016 at 4:51 pm #569474
    jamineastman

    I really appreciate your help

    January 25, 2016 at 4:48 am #571051
    Yigit

    Hey!

    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,
    Yigit

    January 25, 2016 at 4:07 pm #571401
    jamineastman

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

    January 27, 2016 at 7:24 am #572634
    Ismael

    Hi!

    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;
}

    Cheers!
    Ismael

    January 27, 2016 at 4:08 pm #572982
    jamineastman

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

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