Title: CSS styling
Last modified: August 22, 2016

---

# CSS styling

 *  [jechols](https://wordpress.org/support/users/jechols/)
 * (@jechols)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/)
 * Do I have to modify the weather_widget.css in order to modify the styling? Would
   it be erased in the next widget update?
 * [https://wordpress.org/plugins/interconnect-it-weather-widget/](https://wordpress.org/plugins/interconnect-it-weather-widget/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [AndyWalmsley](https://wordpress.org/support/users/andywalmsley/)
 * (@andywalmsley)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/#post-5475455)
 * 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.
 *  Thread Starter [jechols](https://wordpress.org/support/users/jechols/)
 * (@jechols)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/#post-5475492)
 * 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.
 *  Plugin Contributor [AndyWalmsley](https://wordpress.org/support/users/andywalmsley/)
 * (@andywalmsley)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/#post-5475495)
 * 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.
 *  [zimbo000](https://wordpress.org/support/users/zimbo000/)
 * (@zimbo000)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/#post-5475613)
 * [@jechols](https://wordpress.org/support/users/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)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS styling’ is closed to new replies.

 * ![](https://ps.w.org/interconnect-it-weather-widget/assets/icon-256x256.png?rev
   =1003896)
 * [ICIT Weather Widget](https://wordpress.org/plugins/interconnect-it-weather-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/interconnect-it-weather-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/interconnect-it-weather-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/interconnect-it-weather-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/interconnect-it-weather-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/interconnect-it-weather-widget/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [zimbo000](https://wordpress.org/support/users/zimbo000/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/css-styling-16/#post-5475613)
 * Status: not resolved