Title: Styling Tips
Last modified: January 21, 2020

---

# Styling Tips

 *  [alcatrazhorizon](https://wordpress.org/support/users/alcatrazhorizon/)
 * (@alcatrazhorizon)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/styling-tips-2/)
 * Hi Dan, I’m using your plugin and it’s working perfectly. Are there any tips 
   you could provide with styling the front end using css?
 * Regards

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

 *  Plugin Author [Dan D](https://wordpress.org/support/users/duplaja/)
 * (@duplaja)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/styling-tips-2/#post-11886445)
 * [@alcatrazhorizon](https://wordpress.org/support/users/alcatrazhorizon/)
 * Hello, and sorry for the delayed reply!
 * I teach full time, and have been buried a bit with the school year starting. 
   The biggest tip I can give is just to use Chrome’s inspector tool, and see what
   classes each part is assigned. If you have something specific you’d like help
   with, shoot me a link to the page it’s on, and a description of what you’re trying
   to do, and I’ll see if I can help whip something up.
 * Thanks!
    Dan
 *  [meau](https://wordpress.org/support/users/meau/)
 * (@meau)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/styling-tips-2/#post-11909536)
 * [@alcatrazhorizon](https://wordpress.org/support/users/alcatrazhorizon/)
 * Here are a few styling suggestions that I’ve implemented.
    **To make each row
   of the calendar dates taller**
 *     ```
       .fc-basic-view .fc-body .fc-row {
       	min-height: 6em;
       }
       ```
   
 * **To make the weekday names less tall and with a background colour**
 *     ```
       .fc-row.fc-widget-header > table {
       	margin-bottom: 0px;
       	background-color: #589b37;
       	color: #FFF;
       }
       ```
   
 * **For a list view, to change the height of each row as tall or short as you like**
 *     ```
       .gcf-item-body-block {
       	max-height: 1.8em !important;
       }
       ```
   
 * **For a list view, to change the main table background colour to white**
 *     ```
       .gCalFlow {
       	background-color: #FFF !important;
       }
       ```
   
 * **For a list view, to change the header background colour**
 *     ```
       .gcf-header-block {
       	background-color: #589b37 !important;
       }
       ```
   

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

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

 * ![](https://s.w.org/plugins/geopattern-icon/dans-gcal_cfd7e7.svg)
 * [Dan's Embedder for Google Calendar](https://wordpress.org/plugins/dans-gcal/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/dans-gcal/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/dans-gcal/)
 * [Active Topics](https://wordpress.org/support/plugin/dans-gcal/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/dans-gcal/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/dans-gcal/reviews/)

## Tags

 * [styling](https://wordpress.org/support/topic-tag/styling/)

 * 2 replies
 * 2 participants
 * Last reply from: [meau](https://wordpress.org/support/users/meau/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/styling-tips-2/#post-11909536)
 * Status: not resolved