BrianWK

@angelo, Thanks again. The small calendar title seems to refer only to the html title attribute of the calendar number as it is looped out, and not the actual output of the number.

<a href="https://localhost/45thparallel/WordPress/events/saturday-lunch-tour-1200-130-2014-04-12/" title="Saturday Lunch Tour 12:00 – 1:30">12</a>

So I am only allowed access to change the content “Saturday Lunch Tour 12:00 – 1:30”, but I don’t think that will provide a clean way to change the style of that element even using conditional tags.

I don’t see anywhere in the settings a way to deal with the small calendar, only the full.

ie. events -> settings -> formatting -> calendar.

The eventlink there only refers to the large calendar if I am not mistaken. So the conditional placeholders would not effect the small calendar widget in any way?

I followed the documentation for custom templates and moved the calendar-small.php file to a new folder structure:

[my_theme]/plugins/events-manager/templates.

Editing the template changes the calendar widget on my dev site, so the setup I have safely created the editable small calendar template file in my theme folder. So my question is a matter of adding a condition to the inside of the loop that shows the date in three states.
1. Plain – (the day is eventless),
2. Has and event and spaces available (this is already coded),
3 Has an event, but is fully booked. (this would be the new condition).

Desired output can be seen in this picture.
Example Image

For this condition I would like to keep the format and just add a strikethough or some other convention to show that it is booked. This way, someone could still see the event If they wanted to for some reason. SO my hope is that someone can lend some guidance for me to achieve this.

Proposed loop in pseudo-ish code from the calendar-small.php template…

//this is the original condition
        <?php if( !empty($cell_data['events']) && count($cell_data['events']) > 0 ) && event_is_not_fully_booked; : ?>

	<a href="<?php echo esc_url($cell_data['link']); ?>" title="<?php echo esc_attr($cell_data['link_title']) ?>"><?php echo date('j',$cell_data['date']); ?></a>

        //New condition to see if event is booked
        <?php elseif( !empty($cell_data['events']) && count($cell_data['events']) > 0 && $cell_data['is_fully_booked'] ) :?><br />

         //a linked day with a strike through ior some alternate styling

        //End New condition
        <?php else:?><br />
        //eventless date, also original to the calendar loop
	<?php echo date('j',$cell_data['date']); ?><br />
        <?php endif; ?><br />

Perhaps this data is not even on the model yet, and this can’t be done? I am familiar enough with php to get most things done, but this one is a noodle scratcher. Thank you to those that have replied so far, you got me this far. Thanks in advance to anyone else who may have some insight. Maybe I am just over thinking this?

so using something like:

`{fully_booked}content{/fully_booked}

I could hide those dates? Or swap them out with a disabled style? Or add a class to the css of the calendar? It’s not totally clear to me how I can change the calendar in a way that the plugin can still be upgraded etc. I would like to replace the linked date with a static, grayed out number. Seems like a feature that must be in available in the plugin, I just have not found the right way.

Thanks, that’s great. I was expecting it in the bookings table, but this works!

That’s a great idea, for right now plugins are a little bit beyond my skill level as a programmer. I plan to post about everything I learn as I learn it. My hope is that someone will be able to use this site as a reference for building any type of website from the ground up. Thanks for checking it out.

I think the problem lies here…

#primary, #secondary {
    background-color: #FFFFCC;
    border: 1px solid #218C64;
    float: right;
    margin: -5px 0 10px -20px;
    overflow: visible;
    padding: 10px;
    position: absolute;
    right: 50px;
    width: 220px;}

It seems like this is where your problem may lie. You might want to split these up so that primary and secondary have their own styles and you don’t have any conflicts. You could probable use the same css for each and set the secondary(or whichever one you want) to float left. And adjust padding and margins accordingly.

You could try one of two things. First are you missing a second div tag or did you not copy and paste it? If thats all good I would say replace the second div with a ‘span’ tag class .comment text like this.

<div class="comment-author">
      <?php comment_author(); ?>: <span class="comment-text">
      <?php comment_text(); ?></span>
  </div>

This should make it all one sentence. If this doesn’t work try a float left on the author and a float right on the

I played with it for a couple of hours, and no luck. It seems crazy that it can’t be done, but I guess that its just one of those things. Maybe someone else will come up with it.

@chaos kitchen, is your browser auto-filling an address that is no longer valid? I have done this before where I made a lot of changes and the auto-fill address was off by a little? Seems simple but just a thought. If it works everywhere else, clear your cache on your home PC and try again, or type the url by hand and don’t let the browser complete it.

Under your dashboard, click on pages. Hover over each page and click ‘quick edit’. Uncheck the box that says ‘allow comments’ and the “Leave a comment” link should disappear. It may still be there until you are logged out of your wordpress site. What the public sees is sometimes different than what an admin sees.

How did you add those links? Is it a custom menu? Did you code them into the sidebar.php? It looks like they are coded in differently or possibly coming from different files. The one that disappears seems to out of place to begin with.

I think a custom menu is the way to go here unless that’s what you already tried.

Go to appearance -> links menus and create your menu. You can add anything here..

Once created go to appearance -> widgets and drag the ‘custom menu’ widget into the side bar and select your new menu. This menu should open consistently on every page with a sidebar.

Hope this helps

Is it on a local server such as WAMP? If so try restarting all services. If it is hosted call your hosting company like RichardWPG said.

Your best bet is to build it locally and then export it when you are ready. You will need a virtual server such as (lamp) for mac or (wamp) for windows. They are both free to download and fairly easy to setup.
Windows Tutorial
Mac Tutorial

Once wordpress is running on your local machine you can develop away without anyone seeing the bugs and changes. When the site is published you need to move it to the web server. If you simple built a theme, move your local theme folder to the corresponding hosted theme folder. If you have content you need to do the following

CSS is used to style each and every element in the page #sidebar is an “id selector” the properties below that selector are styling your entire sidebar area. For instance if you add
background-color:silver; to the section #sidebar you will see the area effected by the change.

“#sidebar a” is referring to the html tag “a” (anchor) inside of the area “sidebar”. This is how you change the “a” tags in the sidebar without effecting the rest of the “a” tags on the page.

Try adding
`border:thin black solid;’
to the “#sidebar a” selector and see how it changes. Borders can help you see what area you are actually changing.

The best way to troubleshoot a WordPress style.css file is to use firebug for firefox. You load your page and hit f1. then click the button that looks like the mouse arrow over a blue rectangle. Now as you move the mouse around the page you will see all kinds of page info below, including the style selectors and what line their on in the style sheet. Read Here.

CSS is a bit confusing if you haven’t written some and broken a lot.
Try this tutorial and then begin making changes to the style sheet to see what they do.

See the W3schools for css selectors and declarations. and further explanation.

I hope some of this helps,
Brian

you are going to want to add a background image link to your style.css file. the target is going to be something like

#nav ul li a:hover {
    background-image:url('your_hover_pic_url.png');
    background-repeat:none;
}
#nav ul li a:active {
    background-image:url('your_active_pic_url.png');
    background-repeat:none;
}

Without a url it is hard to know exactly what the css syntax would be. You may want to read up on pseudo classes, they can be a pain and they have to be used in the proper order in your style.css file.