CSS styling

Hi jechols,

The css for the weather widget is at the bottom of icit-weather-widget.php and the next update will erase all styling. weather_widget.css is mainly used for resetting margins and sizes set by the theme.

The next version is mainly a styling update adding new icons and adding more options for the layout of the widget. V2.3 will hopefully be out at some point next week.

so how can I style it without being erased on the next update? I tried using the classes inside my style.css but it won’t do any changes. Any help would be much appreciated.

Well, you could try getting the classes from icit-weather-widget.php and the ID’s of the widget space and adding them to your themes style.css file with your custom styling, which should be alright for the next update except for the .top .right .left classes will be renamed to .main .break .cond respectively.

@jechols

All the plugin CSS is loaded after the theme CSS so it takes precedence, hence you need to use !important to make something work. I have a child theme and modify elements of the plugin’s styling in there
e.g.

.weather-wrapper {
    margin: 10px 0px !important;
}

(Default is 20px)