Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 14, 2015 at 6:40 pm #535926
    saraclementdk

    Hi Kriesi team,

    Thank you for making such a nice theme, great job!

    We have a problem, which we hoped you could help us with.

    What we want: We want the accordion icon to toggle between arrow down and arrow up when you fold out the menu. (See URL in private content) We understand the current icon (+/-) is made in CSS.

    What we have done so far: So far we have replaced the following code in the toggle.php file:
    <span class=”vert_icon”></span><span class=”hor_icon”></span></span></p>’; (line 216)
    With
    <img src=”http://marcuspedersen.dk/wp-content/uploads/2015/11/Ikon-pil-05.png&#8221; width=”10″ height=”10″ border=”0″

    Do you think it is possible do this request?

    Best regards

    November 15, 2015 at 6:45 pm #536149
    Elliott

    Hey saraclementdk!

    Instead of an actual image there try setting it as the background of the element via CSS like so.

    .toggler .toggle_icon { background: url("URL to your image"); }
.activeTitle .toggle_icon { background: url("URL to your hover image") !important; }

    Best regards,
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    November 16, 2015 at 10:38 am #536409
    saraclementdk

    Hi Elliott,

    Again, thank you for the quick response. We really appreciate it!

    I have tried adding your solution to the “quick CSS” in the Enfold theme and deleting the img in the toggle.php file. Unfortunately, it still only shows one of the icons. (see link and CSS in private content)

    I have also tried deleting the spacing between .toggler and .activeTitle, but then it toggles to an empty active title without any icon.

    Best regards

    November 17, 2015 at 6:50 pm #537569
    Elliott

    Hey!

    The image your using is around 600 x 600 so the background-size: 10px 10px is not going to display anything.

    Try this instead.

    background-size: cover;

    Best regards,
    Elliott

    November 19, 2015 at 10:42 am #538843
    saraclementdk

    Hey again!

    I have tried as you suggested, but it still doesn’t work as intented. It shows the drop-down arrow, but when you click to fold it out, it doesn’t toggle to the other arrow icon.

    Best regards

    November 20, 2015 at 6:39 pm #539864
    Elliott

    Hey!

    There was a typo. Try it now, https://kriesi.at/support/topic/enfold-accordion-toggle-image-icon/#post-536149.

    Best regards,
    Elliott

    November 23, 2015 at 10:10 am #540596
    saraclementdk

    Hi Elliott,

    Thank you very much for your time and support! It worked out perfectly.

    Have a nice day.

    Best regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold Accordion – toggle image icon’ is closed to new replies.