Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 2, 2023 at 10:06 pm #1377403
    Andrew

    Hi Guys

    I have tried several times to get the accordion tab sort filter to work on my FAQ page. Currently I have a test page set up with an FAQ section for testing. https://removerr.co.uk/test/ (private)

    Css Code from documentation added to General Settings – Quick CSS

    /*—————————————-
    // CSS – Accordion tab sort filter
    //————————————–*/

    /* Animate tab on hover */

    .av-accordion-tab-sort-filter .taglist {
    background: #f3f3f5;
    padding:10px 5px;
    border-radius: 4px;
    }
    .av-accordion-tab-sort-filter .taglist a {
    background: #fff;
    border-radius: 4px;
    padding:5px 15px;
    margin:5px;
    color: #333;
    text-decoration:none;
    }
    .av-accordion-tab-sort-filter .taglist a.activeFilter {
    background: #3197d6;
    color:#efefef;
    }
    .av-accordion-tab-sort-filter .taglist .tag-seperator {
    display:none;
    }

    Could you a have a look and see what I am doing wrong?

    Kind Regards
    Andrew

    January 3, 2023 at 3:36 am #1377414
    Ismael

    Hey Andrew,

    Thank you for the inquiry.

    The sorting option requires custom tags, which can be added in the Content > Toggle Sorting Tags field of the accordion items. The sorting doesn’t display because the items don’t have any tags.

    Best regards,
    Ismael

    January 3, 2023 at 9:22 am #1377438
    Andrew

    Hi Ismael

    Thank you for your response, that’s my issue I have triple checked and can’t see where the custom tags go “Toggle Sorting Tags” field doesn’t exist in the accordion section?

    Could you add a couple of dummy text fields so I can visually see what I am missing?

    Andrew

    January 4, 2023 at 8:58 am #1377558
    Ismael

    Hi,

    Thank you for the update.

    The Toggle Sorting Tags field is located at the bottom of the Toggle Content editor, just scroll down a bit and you should see the input field. We’ve added dummy tags to the items so that you can see it in action.

    Best regards,
    Ismael

    January 4, 2023 at 10:19 am #1377561
    Andrew

    Hi Ismael

    I can see now how I would organise the accordion, thank you. I did notice even though I am using the same code from the Enfold documentation that the Sorting tabs are separated with forward slash rather than in a boxed tab, how do I achieve the boxed tab?

    Boxed Tabs
    Forward Slash

    Please see images.

    Andrew

    January 4, 2023 at 5:05 pm #1377622
    Yigit

    Hi Andrew,

    I added following code to top of Quick CSS field in Enfold theme options > General Styling tab

    
.av-elegant-toggle .taglist a  {
  background: #fff;
  border-radius: 4px;
  padding: 5px 15px;
  margin: 5px;
  color: #333;
  text-decoration: none;
}
.av-elegant-toggle .taglist { margin-bottom: 20px; } 

.av-elegant-toggle .tag-seperator { display: none; }

    I also disabled CSS minify temporarily on total cache plugin as it was stopping changes from reflecting on the site.

    Please review your website :)

    Best regards,
    Yigit

    January 4, 2023 at 5:12 pm #1377627
    Andrew

    Hi Yigit

    Perfect, I can adjust to code in terms of background colour, padding etc. Thank you for your help, much appreciated.

    Andrew

    January 4, 2023 at 5:13 pm #1377629
    Yigit

    Hi,

    You are welcome, Andrew! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Accordion Tab Sort Filter’ is closed to new replies.