Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 12, 2015 at 2:51 pm #517379
    belenenses

    Hi Guys,

    I am really enjoying playing around with the drag n drop facility in your theme as I search for the perfect page to then use as a template for others.

    Can you please look at the page here:
    https://lavitrineduvin.com/2015/10/09/sommieres/
    I have all the key information in a very narrow field so the customer doesn’t need to scroll. However, I would like the Accordians to be outlined in the chosen theme green colour I am using to make them stand out more on the page. How can I do this or can you help?

    Many thanks!

    Belenenses

    October 12, 2015 at 2:53 pm #517383
    Yigit

    Hi belenenses!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    p.toggler.activeTitle * {
    color: white;
}
p.toggler.activeTitle {
    background-color: orange;
}

    If that is not what you meant, 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

    October 12, 2015 at 3:50 pm #517437
    belenenses

    Hi Yigit,

    Thanks for your reply. That was very useful.

    I have changed the colors and I am half way there and need your help to finish the effect.

    If you place the cursor over the new green color box, you cannot see the text. What code needs to be added to make the text turn #83a83d colour when hovered over?

    Thanks!

    Belenenses

    October 12, 2015 at 3:53 pm #517442
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    p.toggler.activeTitle strong:hover {
    color: #83a83d;
}

    Best regards,
    Yigit

    October 12, 2015 at 4:41 pm #517510
    belenenses

    Hello again Yigit,

    Thanks.

    Take a look now. The hover is fine so long as you touch the text – otherwise the text doesn’t show.

    Any solution?

    Thanks again!

    Belenenses

    October 12, 2015 at 4:42 pm #517511
    Yigit

    Hi!

    Please change the code to following one 

    p.toggler.activeTitle:hover strong {
    color: #83a83d;
}

    Regards,
    Yigit

    October 12, 2015 at 5:09 pm #517526
    belenenses

    Hi Yigit,

    That’s done the trick – many thanks!

    Belenenses

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