Home › Forums › SKT Full Width Forum › Blog sidebar buttons still green.
- This topic has 10 replies, 2 voices, and was last updated 9 years, 7 months ago by Matt Sano.
-
AuthorPosts
-
May 5, 2015 at 8:37 pm #6509
I’ve managed to change the color of everything I need to except for the little sideways triangles in the blog sidebar. Any help would be appreciated.
May 6, 2015 at 7:57 am #6517Can you send us the website where so that we can relate?
Regards,
ShriMay 6, 2015 at 9:35 pm #6548The triangles on the sidebar as well as in the footer. Also on the main list id like to change the “hover” color as well. Thank you for the reply.
May 7, 2015 at 2:48 am #6553I’ve fixed the menu icons, just need help with the sidebar and footer. Thank you.
May 7, 2015 at 6:14 am #6555There are 2 ways of doing this.
1. Change the images via ftp: http://swordandrose.net/wp-content/themes/skt_full_width_pro/images/list-arrow-hover.png and http://swordandrose.net/wp-content/themes/skt_full_width_pro/images/list-arrow.png
2. In custom css paste this:
.footer-menu ul li a, .widget ul li a {background: url(YOUR MEDIA LIBRARY IMAGE URL) no-repeat scroll 0 3px}
.widget ul li a:hover, .footer-menu ul li a:hover {background: url(YOUR MEDIA LIBRARY IMAGE URL) no-repeat scroll 0 3px}
So first one is for normal image, second is for hovered. If this is difficult for you just tell us what you want from our end and we will help you or do this for you.
Regards,
Shri
May 7, 2015 at 10:54 am #6561Thank you. I see that the image is a url which is from the internet correct? Is there a way to use an image from my computer? If not, how do make that image useable?
May 7, 2015 at 1:07 pm #6563Honestly all I want to do is change it to red.
May 8, 2015 at 6:11 pm #6593Will send you the Red triangle images Monday and send you the code as well. So should be easy.
Regards,
ShriMay 9, 2015 at 3:37 am #6598Awesome. Thanks so much!
May 11, 2015 at 12:19 pm #6660Hi,
As mentioned before:
2. In custom css paste this:
.footer-menu ul li a, .widget ul li a {background: url(YOUR MEDIA LIBRARY IMAGE URL) no-repeat scroll 0 3px}
.widget ul li a:hover, .footer-menu ul li a:hover {background: url(YOUR MEDIA LIBRARY IMAGE URL) no-repeat scroll 0 3px}
All you need to do is replace the url of the images here with another url of your image.
To do this you can add your image in media library and then edit the image and take its url. Following 2 images show how to get url of the image:
http://cdn3.wpbeginner.com/wp-content/uploads/2013/06/media-library-edit.png
http://cdn2.wpbeginner.com/wp-content/uploads/2013/06/image-url-wordpress.pngRegards,
ShriMay 11, 2015 at 1:08 pm #6663Shri,
That works! Thank you so much for the help and thanks for getting back quickly I appreciate it immensely. Be well.
SnR
-
AuthorPosts
- You must be logged in to reply to this topic.