Events Calender Widget: Can I replace the date icon w the events featured image?

[efromdc]

1) TOP PRIORITY – I want to replace this
http://vclubscene.com/replaceDateWithEventFeaturedImage.png
with each events appropriate featured image.
Do you have a snippet for that?

2) LOWEST PRIORITY. DO NOT ANSWER IF IT EFFECTS ITEM #1 – Since the featured image is MUCH larger than 100×100 or even 50×50, is it possible to display a 100×100 image ON OUTPUT (not by reprocessing and resaving the image on the back end…just displayed at 100×100 on the front end with something like width = 100, height = 100 on output)?

Thanks

[efromdc]

Fully aware of the themers guide.

1. I dont know which file to edit to get started thats specific to the widget display
2. The themers guide does NOT say how to limit the image output size
3. Been trying to make this work for about a week an so far no luck.
A bit of hand holding please?

[Barry]

Hi!

TOP PRIORITY – I want to replace this http://vclubscene.com/replaceDateWithEventFeaturedImage.png with each events appropriate featured image. Do you have a snippet for that?

No, we don’t have a pre-rolled snippet for that, I’m afraid. However, the gist of the process would be to:

• Override and customize the pro/widgets/mini-calendar/single-event.php template
• Locate and remove this code from that template
• In the same position, add something like this

Note that in my example I passed an image size of thumb. You would need to register the actual size you need, or else you could target it with some CSS rules.

Does that help at all?

 

[efromdc]

I played w the code a bit and have about 90% of what I need.

Do me a fav: Take a second to visit http://SocialAlerts.com/dc/mobile/ ON YOUR SMARTPHONE (/mobile will not render correctly on your desktop)

The areas “class=”list-daynumber” and class=”list-dayname” have a dark gray border and I’d like to alter it in one of two ways (Im not sure which will look better so I’d appreciate two answers). I’d like to change the borders to either:

1. Transparent / zero / no color

or

2. White instead of grey

Is there some css that I can use to do this?

Thanks!

[Barry]

Hi efromdc,

The Themer’s Guide walks you through the process for setting up a custom CSS stylesheet targeting events. From there you can add a rule something like this:

.tribe-mini-calendar-event .list-date { background: transparent }

That ought to do the trick, but you may need to add some additional selectors to get the desired effect, though, and would probably want to change the text colour, too.

Good luck!

 

[efromdc]

“…and would probably want to change the text colour, too…”

Thats why I asked question #2 above which seems to ignored in the previous answer 🙂

(I dont have time to learn CSS today as I am on deadline…so I’d appreciate you helping me in this matter)

— Thanks!

[Barry]

efromdc: I can appreciate you are on a deadline and we can point you in the right direction – as I have tried to do – but it’s really up to you to take things forward from here.

Good luck 🙂

[Author]

Posts