Title: Widget list view — CSS help
Last modified: August 30, 2016

---

# Widget list view — CSS help

 *  Resolved [alannamc](https://wordpress.org/support/users/alannamc/)
 * (@alannamc)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/)
 * Greetings. I’m having a tough time taming some style attributes, and wondering
   if someone else might be able to help?
 * I have a widget calendar in list view, and I have been asked to get rid of the“
   tabs” (display: block) that render with the day and to adjust the spacing between
   event titles. Basically, I need to make it look like it did before the recent
   update/overhaul to Simple Calendar. Don’t think these attributes are inherited
   based on the last taming that I did. I’ve spent a lot of time combing through
   the theme CSS and also the plugin CSS files and I’m not finding what I need and
   feeling a bit foolish. Can anyone help? I’d be so incredibly grateful.
 * My site is: sau89.org/wordpress/
 * [https://wordpress.org/plugins/google-calendar-events/](https://wordpress.org/plugins/google-calendar-events/)

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

 *  [sylwwwester](https://wordpress.org/support/users/sylwwwester/)
 * (@sylwwwester)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/#post-6739352)
 * You’ve got an empty paragraphs after event title (?), look into your WordPress
   content editor.
 * Also you can adjust spacing in CSS with **.simcal-calendar ul li**
 * More info: [http://docs.simplecalendar.io/displaying-calendars/](http://docs.simplecalendar.io/displaying-calendars/)
 *  Thread Starter [alannamc](https://wordpress.org/support/users/alannamc/)
 * (@alannamc)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/#post-6739433)
 * Thanks sylwwwester. Looks like the plugin update and subsequent running of the
   update script that didn’t run the first time around had some interesting effects
   on the display formatting, which is where my extra lines were coming up. I was
   able to fix that pretty easily.
 * I’m currently trying to get rid of the tabs that show up in the widget (list 
   format). I found this in the admin.css, but my changes had no impact. I was careful
   to delete my browser cache. If you have any insight, I’d truly appreciate it.
 *     ```
       .simcal-field-datetime-format {
         padding: 10px 0 5px; }
         .simcal-field-datetime-format > div {
           background-color: rgba(0, 0, 0, 0.03);
           border: 1px dashed rgba(0, 0, 0, 0.18);
           border-radius: 3px;
           cursor: move;
           display: inline-block;
           float: left;
           margin: 0 10px 15px 0;
           padding: 10px; }
         .simcal-field-datetime-format select {
           display: block; }
         .simcal-field-datetime-format > span {
           clear: both;
           display: block; }
         .simcal-field-datetime-format .ui-sortable-helper {
           box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.12);
           -webkit-transform: rotate(2deg);
                   transform: rotate(2deg); }
       ```
   
 *  Plugin Contributor [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * (@nickyoung87)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/#post-6739454)
 * The admin.css file is for the admin area of WP. You probably need to look in 
   the default-calendar.css.
 * If you inspect the element in your browser it should show you the class names
   of the elements to help make it a bit easier for you.
 *  Plugin Contributor [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * (@nickyoung87)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/#post-6739558)
 * Assuming this was resolved since there has not been a response here. Let us know
   if you have any other questions and we will be glad to help.
 * Thanks!

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

The topic ‘Widget list view — CSS help’ is closed to new replies.

 * ![](https://ps.w.org/google-calendar-events/assets/icon-256x256.png?rev=1263960)
 * [Simple Calendar - Google Calendar Plugin](https://wordpress.org/plugins/google-calendar-events/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/google-calendar-events/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/google-calendar-events/)
 * [Active Topics](https://wordpress.org/support/plugin/google-calendar-events/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/google-calendar-events/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/google-calendar-events/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [list](https://wordpress.org/support/topic-tag/list/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 4 replies
 * 3 participants
 * Last reply from: [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/widget-list-view-css-help/#post-6739558)
 * Status: resolved