-
AuthorPosts
-
November 14, 2015 at 6:40 pm #535926
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” width=”10″ height=”10″ border=”0″Do you think it is possible do this request?
Best regards
- This topic was modified 9 years, 1 month ago by saraclementdk.
November 15, 2015 at 6:45 pm #536149Hey 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 #536409Hi 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
- This reply was modified 9 years, 1 month ago by saraclementdk.
November 17, 2015 at 6:50 pm #537569Hey!
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,
ElliottNovember 19, 2015 at 10:42 am #538843Hey 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
- This reply was modified 9 years, 1 month ago by saraclementdk.
November 20, 2015 at 6:39 pm #539864Hey!
There was a typo. Try it now, https://kriesi.at/support/topic/enfold-accordion-toggle-image-icon/#post-536149.
Best regards,
ElliottNovember 23, 2015 at 10:10 am #540596Hi Elliott,
Thank you very much for your time and support! It worked out perfectly.
Have a nice day.
Best regards
-
AuthorPosts
- The topic ‘Enfold Accordion – toggle image icon’ is closed to new replies.