Title: CSS Styling
Last modified: August 22, 2016

---

# CSS Styling

 *  Resolved [infotami](https://wordpress.org/support/users/infotami/)
 * (@infotami)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-styling-17/)
 * Hi
 * Rally like this addon… I’m having trouble styling though and wondered if you 
   could help.
 * How can I align .entry-title left without affecting other parts of my site?
 * Change text color for ecs only?
 * Get rid of gap between title and duration?
 * Thanks for you help!
 * [http://www.brentchancellor.com](http://www.brentchancellor.com)
 * [https://wordpress.org/plugins/the-events-calendar-shortcode/](https://wordpress.org/plugins/the-events-calendar-shortcode/)

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

 *  [Ankit Pokhrel](https://wordpress.org/support/users/ankitpokhrel/)
 * (@ankitpokhrel)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-styling-17/#post-5812332)
 * Hello [@infotami](https://wordpress.org/support/users/infotami/),
 * Thank you for using the plugin. Here are few tips on styling plugin in your site:
 * 1. To align .entry-title left
 *     ```
       .ecs-event-list .entry-title {
         text-align: left;
       }
       ```
   
 * 2. Change text color for ecs only
 *     ```
       li.ecs-event {
         color: red;
       }
       ```
   
 * 3. To change link color
 *     ```
       .ecs-event-list a {
         color: green !important;
       }
       ```
   
 * 4. To reduce the gap
 *     ```
       .ecs-event-list h4 {
         margin: 20px;
       }
       ```
   
 * Enjoy the plugin!
 * Regards,
    Ankit
 *  Thread Starter [infotami](https://wordpress.org/support/users/infotami/)
 * (@infotami)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/css-styling-17/#post-5812364)
 * Thanks Ankit! Very helpful. Will definitely give this a 5.
 * I have a question about The Events Calendar “Month” view. Maybe you can help…
 * Just did a fresh install of WP 4.1.1 and Events Calendar 3.9.1. The styling seems
   to have changed (which is better for me) but when I view “Month view” on iPhone,/*/*
   >*/ appears under the calendar. When I click a date with an event “Events for
   the date” appears with /*>*/ under it. Any ideas what is causing this?
 * Thanks again…
 *  [Ankit Pokhrel](https://wordpress.org/support/users/ankitpokhrel/)
 * (@ankitpokhrel)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/css-styling-17/#post-5812385)
 * Thank you for the rating [@infotami](https://wordpress.org/support/users/infotami/).
   Not sure what is causing the problem in iPhone. The issue might or might not 
   be of “The Events Calander” plugin. You should try the support forum of “The 
   Events Calander” plugin for this.
 * Regards,
    Ankit

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

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

 * ![](https://ps.w.org/the-events-calendar-shortcode/assets/icon-256x256.gif?rev
   =3023752)
 * [The Events Calendar Shortcode & Block](https://wordpress.org/plugins/the-events-calendar-shortcode/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/the-events-calendar-shortcode/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/the-events-calendar-shortcode/)
 * [Active Topics](https://wordpress.org/support/plugin/the-events-calendar-shortcode/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/the-events-calendar-shortcode/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/the-events-calendar-shortcode/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Ankit Pokhrel](https://wordpress.org/support/users/ankitpokhrel/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/css-styling-17/#post-5812385)
 * Status: resolved