Blog sidebar buttons still green.

[Matt Sano]

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.

[Sonnal S Sinha]

Can you send us the website where so that we can relate?

Regards,
Shri

[Matt Sano]

http://swordandrose.net/

The 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.

[Matt Sano]

I’ve fixed the menu icons, just need help with the sidebar and footer. Thank you.

[Sonnal S Sinha]

There 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

 

[Matt Sano]

Thank 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?

[Matt Sano]

Honestly all I want to do is change it to red.

[Sonnal S Sinha]

Will send you the Red triangle images Monday and send you the code as well. So should be easy.

Regards,
Shri

[Matt Sano]

Awesome. Thanks so much!

[Sonnal S Sinha]

Hi,

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.png

Regards,
Shri

[Matt Sano]

Shri,

That works! Thank you so much for the help and thanks for getting back quickly I appreciate it immensely. Be well.

SnR

[Author]

Posts