WordPress.org

Ready to get started?Download WordPress

Forums

Stout Google Calendar
Custom CSS, word-wrap, font-size, white-space (3 posts)

  1. Cerzky
    Member
    Posted 1 year ago #

    Hello Plugin Author,

    I am trying to change my google calendar's iframe font-size along with other css rules such as word-wrap: break-word; white-space: normal;

    My Agenda view that I am showing in my widget needs new css rules so that the events are not cut off. I would like to have the event drop down underneath until the complete description is shown.

    Please help me!! HELP HELP

    http://wordpress.org/extend/plugins/stout-google-calendar/

  2. sharonhandy
    Member
    Posted 1 year ago #

    This article helped me figure out why my CSS wasn't working but I am in wordpress and cannot really use an alternate page code.

    http://www.webdesignerdepot.com/2012/04/integrating-google-calendar-with-your-website/

    http://css-tricks.com/forums/discussion/11802/how-can-you-apply-custom-css-to-google-calendar/

    So I am trying to apply css to imported feed of my calendar. That would work but The XML feeds only showed me one calendar at a time. I have about 6 that needs to appear in my agenda.

    I will try this but not sure how to implement in wordpress:
    http://sugi.github.com/jquery-gcal-flow/

    I need help too.

  3. Cerzky
    Member
    Posted 1 year ago #

    I like the last link you've showed me. This is all great except I need an easy way for the user to enter the URL. How would I take the embed link and turn it into just a calender id... I would have to do some kind of crazy string thing to get the id out of there.

    This just seems too complicated.

    Right now I am using the google html configuration tool too add multiple calendars into one agenda view. I was not able to combine the feeds any other way than using google calendar Agenda. You can store all of your calendar feeds into the Agenda and turn off the other buttons. I used transform and width to kind of get the font-size down and I also used overflow: scroll !important;

    What I want to do is to be able to use css properties like font-size, word-wrap, and white-space. These are not allowed for some reason through the google iframe.

    Let me know if you get the jquery-gcal-flow to work or if you have any ideas. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic