Return to previous page

Accordion Drop Down (Start Collapsed & Colour?)

This topic has 2 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: andantesash
    andantesash
    Participant
    June 13, 2015 at 20:41

    Hi Guys,

    How do I make all accordion drop downs collapsed to start with instead of the first being opened?
    Also, there is a gold square at the start of each accordion.

    I have attached the link in private content, could you tell me how to change the colour of this button to white and background of each accordion title a certain colour?

    Thanks

    Please, contact administrator
    for this information.
    #69501 Copied
    1 Answer
    Avatar: Eva
    Eva Kemp
    Participant
    June 15, 2015 at 13:09

    Hello,

    In the FAQ element settings you need select “Closed” in “Default state” field.
    To change color add this code in custom.css file:

    .tabs.accordion .tab-title::before {
   background-color: white !important;
}
    .tabs.accordion .tab-title {
   background-color: green !important;
}

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    #69551 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade artisans – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.