Customize How Widget Appears

you can try something like

<a href="#_EVENTURL"> #_EVENTIMAGE{200,0} </a>

Thanks, that worked for hyperlinking the thumbnail, any idea how to get 4 thumbnails to appear in the box?

Hello,

If you want to create a 4 column layout, It would require some CSS on your side. This link might help you get started with it. https://www.w3schools.com/howto/howto_css_four_columns.asp

I was afraid of that but since I have 0 coding skills and guess I’ll have to keep looking for a plugin that can display our events in a more site friendly way. I was hoping maybe the pro version was more customizable or something like that.

Thanks anyway!

• This reply was modified 5 years, 10 months ago by soapm.

Hi,
A very happy EM user here for over 5 years now ??

Just want to tell you that EM is widely known for its immens flexibility. Because it uses shortcodes (and if you’re not afraid of some coding (much later on) tons and tons of hooks and filters), you can style everything exactly to your personal liking.

Really, I have not ever come across any other plugin with this flexibility ?? Others tend to have set output formats, which you are then “stuck” with. EM does not. So if you ever decide to ‘completely’ change your website, EM will morph along with you. Yes, it might take indeed a bit more effort from the website owner, but at least is will be perfect then. ??

A very well meant tip:
If you are planning on maintaining a website, you should really treat yourself to learning at least some (basic) css. It will benefit you for every theme and every plugin out there. Just a simple smaller or bigger font, or change a color. ??
For the short term, why not try and find someone with CSS skills to teach you or help you out ??

All the best! ??

Hi soapm,

I’m not sure if this is what you’re looking for, but I have been extremely happy with the “WPBakery Page Builder for WordPress” plugin. It has really amazing design layouts, including super flexible columns. I’ve never had any comflicts from it, although it took a little time to learn. I highly suggest watching some how-to videos. It costs a one time fee of $46.

~April

Thanks for the feedback Patrick, I’m the pastor of the church but we’re a small congregation that can’t afford to pay someone to build us a site, so I am teaching myself just to get it going and hope that one of my young people or my secretary can keep the content updated.

Googling, I had already found the site they liked too and was up all night trying to figure it out with no luck. Or perhaps I’m putting the code in the wrong place for this particular widget? This is why I was reaching out for help.

 <div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div> 

I guess I should ask where to put the code, is it the same place I put the short codes?

I may give that a try aprilschmitt27, I’m using Elementor for page builder and been finding it fairly strait forward and simply for a non-coder. I’m just hoping I can switch page builders without breaking any of the pages already built.

• This reply was modified 5 years, 10 months ago by soapm.

Soapm,

I’m also a first timer and not a coder. But by all means, make backups of your site …before you make any significant changes. “UpDraft” has been a great backup program and the main level is free.

~April

@soapm,
You are forgetting the most important thing… The actual css rules. ??

 <div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

That is just the HTML mark-up. CSS tells the HTML mark-up how to look. And to target the correct part of the page, classes are used. So you need to tell CSS what to tell HTML on how to look.

If you do not define .row or .column in your CSS, they will be told nothing, and change their layout to…. nothing. ??

So in your CSS file, you should define them as something like this:

.row {
    display: table-row;
    width: 100%;
}
.column {
    display: table-cell;
    width: 25%;
}

I am using the Content Views Pro plugin with Events Manager. To work with a custom post type like events, you do need the Pro version. It’s $39 and I think subsequent years are half price.

It does a lot of the layout for you, both default and customizable. It gives you a shortcode for your view and you can put that in a text widget.

I use it to feature events in a certain category, to highlight articles that have the same category, etc.

So for a church, your footer could include the next 4 events, your Youth Group page could just pull from events in the Youth Group category, if you have posts that are reflections tagged “holiday one” or “holiday two”, you could pull all of those into a page for each holiday.