WordPress.org

1. Taryn
   Member
   Posted 4 years ago #

   I'm using the wp-weather plugin as a widget in my site, but can't get the arrows next to the date to go away. I used this in a different theme, and was able to add a #weather class to accomplish this, but I tried that with this theme to no avail. I think it has something to do with there being two sidebars, but not sure. I did the View Source and found the .right .widget class and tried adding #weather to that but it didn't work, so I removed it. Can someone point me in the right direction? Thanks!

2. Taryn
   Member
   Posted 4 years ago #

   I've tried reading this codex http://codex.wordpress.org/Finding_Your_CSS_Styles, and it confirmed that I believe I've found the right part of my CSS I need to change, just don't know what/how to change it. In my previous theme, all I had to do was add #weather to the ul code to format the weather widget the way I wanted, but that theme only had one sidebar. With this theme and two sidebars, I'm getting confused. I've tried changing what I think is the right code lots of different ways and it doesn't have any effect. I can change that .right .widget code to remove those arrows, but it changes the whole right sidebar. I can't figure out how to remove the arrows from just the weather widget part of the sidebar. Any ideas?

3. Adam Brown
   Member
   Posted 4 years ago #

   div#weather > ul > div.weather_info

   So try #weather ul{}

4. Taryn
   Member
   Posted 4 years ago #

   Hmmm, not working. I'm so stumped why I could get it to work with one sidebar, but with two, nada. What a booger. Any other ideas?

5. Adam Brown
   Member
   Posted 4 years ago #

   Try

   #weather .widget ul li {background-image:none!important;}

6. Taryn
   Member
   Posted 4 years ago #

   Ugh! Has no effect. :(

7. echoca
   Member
   Posted 4 years ago #

   Found this... in your theme260/style.css

   (line 219)

   .right .widget ul li {

   background-image: url(images/arrow_1.gif);

   }

   You can take out the arrow here. But it will remove all of the arrows keep in mind. Or look for the css in the plug-in folder and change it (you will lose the changes when you update the plug-in). They are called by the theme, so I'm not 100% on how to remove just the one from the weather plug-in.

8. Adam Brown
   Member
   Posted 4 years ago #

   The line echoca identifies is the one I was trying to override. But I typed too fast. Here's a correction:

   #weather ul li {background-image:none!important;}

9. Taryn
   Member
   Posted 4 years ago #

   OMG Adam! Thank you so much! I had tried that code, just without the background-image:none!important; in there--leaving the {} blank. I didn't know about that little snippet. It's working perfectly--thank you so much. :)

Topic Closed

This topic has been closed to new replies.