Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 16, 2016 at 2:04 am #566359
    rdadnan

    Hi, I have customise my accordian by following topics on the forum but I couldn’t find any topic on giving some hover effect on the content in accordian.Accordian Content Hover effect Is it possible to make some hover effect,like text will be highlited of the content in accordian, like this sample Content Hover effect

    thank you

    January 16, 2016 at 2:38 am #566366
    Elliott

    Hey rdadnan!

    Possibly. Send us a link to your page so we can take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    January 16, 2016 at 1:00 pm #566520
    rdadnan

    Thank you Elliott for your reply. I have sent my page link on private.

    January 16, 2016 at 9:31 pm #566606
    Basilis

    Hi!

    Please try the following code

    
.toggler, .main_color .toggler.activeTitle {
background: #color;
}

    let us know if that works out for you.

    Cheers!
    Basilis

    January 17, 2016 at 2:54 am #566692
    rdadnan

    Thanks Basilis for your reply. The code does work on title but not on the content. I like some effect on the text of the content, here is my content shown by arrow mark
    Content
    The content is for a restaurant menu, i like, when a customer hover over the item name, the name of the item then highlighted or text color change or some hover effect. If you could give me some code or point me where to look at, it will be great help.
    Thanks

    • This reply was modified 8 years, 10 months ago by rdadnan.
    January 19, 2016 at 8:22 am #567680
    Vinay

    Hey!

    Please use the below code to highlight the menu items.

    .wppizza-article:hover {
    background: gold;
}

    Best regards,
    Vinay

    January 19, 2016 at 5:44 pm #567991
    rdadnan

    Thanks a lot Vinay, you are a star.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hover effect on Accordian content’ is closed to new replies.