Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 2, 2016 at 12:05 pm #656098
    beyond-flora

    Hi Krisi team,
    Is there a way to change the dark Hover Effect? It would be nice if only the font gets a dark background like the Image Slider “full width”. Have you maybe a little code-snippet for me?
    Thank you once before and best regards, Daniela

    July 4, 2016 at 3:19 pm #656610
    Yigit

    Hey beyond-flora,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .aviaccordion-preview-title-wrap {
    background: transparent;
}
#top .aviaccordion-preview-title * {
    background: rgba(0,0,0,0.3);
    padding: 5px; 
    border-radius: 3px;
}

    Best regards,
    Yigit

    July 5, 2016 at 8:32 am #656877
    beyond-flora

    Hey Yigit,

    thanks for your email. The code ist nearly perfect. The Background is very large, i mean “long”, and in the middle it seems like a double background….. I make a screenshot (see the link).

    Have you one more idea?

    Thank you and best regards,
    Daniela

    July 5, 2016 at 3:11 pm #657083
    Yigit

    Hi,

    Can you please try adding following code to Quick CSS as well?

    #top .aviaccordion-preview-title * { max-width: 50%; }

    Best regards,
    Yigit

    July 6, 2016 at 4:04 pm #657544
    beyond-flora

    Hi Yigit,

    thanks – that´s better. But there are only just two little things….
    1. The text is no longer at center but left. I tested with “text-align: center;”, but it did not work.
    2. And the text has a dual background: large and small. You can the screenshot.
    Do you still have a snippet of code for me?

    Thank you and best regards,
    Daniela

    July 8, 2016 at 5:37 am #658286
    Ismael

    Hi,

    Please remove the following code:

    #top .aviaccordion-preview-title * { max-width: 50%; }

    Use this instead:

    #top .aviaccordion-preview-title .aviaccordion-title, #top .aviaccordion-preview-title .aviaccordion-excerpt {
    background: rgba(0,0,0,0.3);
    padding: 5px;
    border-radius: 3px;
    max-width: 40%;
    width: auto;
    text-align: center;
}

    Best regards,
    Ismael

    July 8, 2016 at 11:04 am #658324
    beyond-flora

    Hi Ismael,

    YES!!!! thank you, it works and it´s very nice!
    But I have only one litte question: is there a way to remove the title and discription on mobile devices (for exactly this setting)?

    Thank you and best regards,
    Daniela

    July 8, 2016 at 1:51 pm #658400
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.aviaccordion-preview-title { display: none !important; }
}

    Best regards,
    Yigit

    July 11, 2016 at 9:07 am #659118
    beyond-flora

    Hi Yigit,
    that ist perfect! Thank you very much – I´m happy!!!!

    Best regards,
    Daniela

    July 12, 2016 at 2:56 pm #659901
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Accordion Slider – change hover effect’ is closed to new replies.