Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Plugins & Atahualpa (http://forum.bytesforall.com/forumdisplay.php?f=16)
-   -   [SOLVED] Calendar By Kieran O'Shea (http://forum.bytesforall.com/showthread.php?t=2148)

dmtompki Jun 22, 2009 06:08 PM

[SOLVED] Calendar By Kieran O'Shea
 
This is a very nice simple js calendar that has activity catagories (ie., birthdays, group activites, holidays). I had it implemented in my site. However, when I place it in Atahualpa the colors are all overwritten by the default css.

Anyone know a way to work around this?

Much thanks!

juggledad Jun 22, 2009 08:40 PM

can you post a link to the calendar download?

dmtompki Jun 22, 2009 09:26 PM

wordpress -- http://wordpress.org/extend/plugins/calendar/
download -- http://downloads.wordpress.org/plugi...ndar.1.2.2.zip
homepage -- http://www.kieranoshea.com/projects/calendar/

thanks.

juggledad Jun 23, 2009 07:15 AM

the issue is that Atahualpa allows you to style your tables. This table level styling is overriding the styling in the calendar plugin. I've posted a query at the plugin's site to see how the plugin's author suggests having his CSS override the Atahualpa CSS (see http://www.kieranoshea.com/forum/vie...php?f=13&t=119)

dmtompki Jun 23, 2009 08:21 AM

Thanks for posting that to his site. Much clearer than I would have done.

duckslammer Jun 26, 2009 01:11 AM

Quote:

Originally Posted by dmtompki (Post 8978)

Ok, color me stupid - I downloaded and installed it, entered an event and...what do I have to do to make it show up on my site?

juggledad Jun 26, 2009 02:24 PM

step 4 from the install
Quote:

4. Edit or create a page on your blog which includes the text {CALENDAR} and visit the page you have edited or created. You should see your calendar in action.

dmtompki Jun 26, 2009 07:26 PM

make sure to include the brackets {CALENDAR}

dmtompki Jun 27, 2009 05:38 AM

Quote:

Originally Posted by juggledad (Post 8997)
the issue is that Atahualpa allows you to style your tables. This table level styling is overriding the styling in the calendar plugin. I've posted a query at the plugin's site to see how the plugin's author suggests having his CSS override the Atahualpa CSS (see http://www.kieranoshea.com/forum/vie...php?f=13&t=119)

Is it my imagination or have we just been banned from asking this question on kieranoshea.com forum? It appears my post regarding this topic has been removed (as well as the one you posted above). In fact, I believe my login has been removed.

juggledad Jun 27, 2009 05:59 AM

It looks like everything since 6/13 is missing, so it might have been a system problem/restore to last backup issue. I just wish I had kept a copy of the query...sigh

paulae Jun 27, 2009 03:15 PM

I'm having the devil of a time styling this thing too. I haven't even begun trying to make the big calendar conform to my wishes. The sidebar widget is giving me fits!

If you please, look at http://www.larchmontgazette.com in the left sidebar, down quite a ways. It is taking the UL styling I have elsewhere, so the bullet is a square. However, I don't want a square bullet next to each event, just the dates. I think it looks weird to have the indented bullets there. I cannot for the life of me get rid of those!

juggledad Jun 29, 2009 04:22 PM

I think I may have an idea that will work. If you edit the code in the plugin you could put an !important after each option. This should make this options override the theme options (calendar.php: lines 162-310) If you make the changes, make sure to check the ' Tick this box if you wish to reset the Calendar style to default'. this will reset the settings using the ones you have just edited into the code.

Here are the changes:
HTML Code:

  $initial_style = "    .calnk a:hover {
        background-position:0 0 !important;
        text-decoration:none !important; 
        color:#000000 !important;
        border-bottom:1px dotted #000000 !important;
        }
    .calnk a:visited {
        text-decoration:none !important;
        color:#000000 !important;
        border-bottom:1px dotted #000000 !important;
        }
    .calnk a {
        text-decoration:none !important;
        color:#000000 !important;
        border-bottom:1px dotted #000000 !important;
        }
    .calnk a span {
        display:none !important;
        }
    .calnk a:hover span {
        color:#333333 !important;
        background:#F6F79B !important;
        display:block !important;
        position:absolute !important;
        margin-top:1px !important;
        padding:5px !important;
        width:150px !important;
        z-index:100 !important;
        }
    .calendar-table {
        border:none !important;
        width:100% !important;
    }
    .calendar-heading {
        height:25px !important;
        text-align:center !important;
        border:1px solid #D6DED5 !important;
        background-color:#E4EBE3 !important;
    }
    .calendar-next {
        width:25% !important;
        text-align:center !important;
    }
    .calendar-prev {
        width:25% !important;
        text-align:center !important;
    }
    .calendar-month {
        width:50% !important;
        text-align:center !important;
        font-weight:bold !important;
    }
    .normal-day-heading {
        text-align:center !important;
        width:25px !important;
        height:25px !important;
        font-size:0.8em !important;
        border:1px solid #DFE6DE !important;
        background-color:#EBF2EA !important;
    }
    .weekend-heading {
        text-align:center !important;
        width:25px !important;
        height:25px !important;
        font-size:0.8em !important;
        border:1px solid #DFE6DE !important;
        background-color:#EBF2EA !important;
        color:#FF0000 !important;
    }
    .day-with-date {
        vertical-align:text-top !important;
        text-align:left !important;
        width:60px !important;
        height:60px !important;
        border:1px solid #DFE6DE !important;
    }
    .no-events {

    }
    .day-without-date {
        width:60px !important;
        height:60px !important;
        border:1px solid #E9F0E8 !important;
    }
    span.weekend {
        color:#FF0000 !important;
    }
    .current-day {
        vertical-align:text-top !important;
        text-align:left !important;
        width:60px !important;
        height:60px !important;
        border:1px solid #BFBFBF !important;
        background-color:#E4EBE3 !important;
    }
    span.event {
        font-size:0.75em !important;
    }
    .kjo-link {
        font-size:0.75em !important;
        text-align:center !important;
    }
    .event-title {
        text-align:center !important;
        font-weight:bold !important;
        font-size:1.2em !important;
    }
    .event-title-break {
        width:96% !important;
        margin-left:2% !important;
        margin-right:2% !important;
        margin-top:5px !important;
        margin-bottom:5px !important;
        text-align:center !important;
        height:1px !important;
        background-color:#000000 !important;
    }
    .event-content-break {
        width:96% !important;
        margin-left:2% !important;
        margin-right:2% !important;
        margin-top:5px !important;
        margin-bottom:5px !important;
        text-align:center !important;
        height:1px !important;
        background-color:#000000 !important;
    }
    .calendar-date-switcher {
        height:25px !important;
        text-align:center !important;
        border:1px solid #D6DED5 !important;
        background-color:#E4EBE3 !important;
    }
    .calendar-date-switcher form {
        margin:0 !important;
        padding:0 !important;
    }
    .calendar-date-switcher input {
        border:1px #D6DED5 solid !important;
    }
    .calendar-date-switcher select {
        border:1px #D6DED5 solid !important;
    }
    .cat-key {
        width:100% !important;
        margin-top:10px !important;
        padding:5px !important;
        border:1px solid #D6DED5 !important;
    }";


dmtompki Jun 30, 2009 06:33 AM

Excellent. I'll give this a try. Did you intent to day "make sure you don't check the Tick this box.....", ( make sure to check teh ' Tick this box) or (Tick this box, before you make the edits?).

Thanks.

juggledad Jun 30, 2009 07:15 AM

If you have already installed and activated the widget, you MUST reset the CSS after you make the code change to copy the new version of the CSS into the wp-options table. If you don't, you will still have the originals.

So, yes I did mean to say check the box so the defausts will be reset. You should only do this once. Remember, if you have already made any changes, copy them down before you reset the options so you can add them back in again.

(you could just put the '!important' in every option in the dashboard->Calendar->Calendar Options->Configure the stylesheet for Calendar, but I thought this might be easier)

dmtompki Jul 4, 2009 08:31 PM

You're thee man! It took quite a bit of tweaking, but eventually got what I needed. Thank you for the persistance on this. It saved my a good deal of time, so in turn I will make another donation..


All times are GMT -6. The time now is 12:55 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.