Posted: June 15, 2015 at 3:26 am
We have EE4 and have been trying to use the Grid Template with the Everest theme in WordPress. We’re looking for either rows of tiles similar to what is shown in the EE examples or what the person in this inquiry was seeking. https://eventespresso.com/topic/how-to-customize-grid-template-to-display-event-details-by-default/
What we achieve instead is a small photo tile followed by information and then another tile and words, cascading down the page rather than in rows.
Following are our questions.
1. Assuming we have absolutely no experience in CSS, is there a primer or some form of guidance we could use on what is CSS and how we should be using it for our website?
1) There is an amazing amount of learning materials on CSS on the internet. Here are four I found:
A Google search will no doubt list hundreds, probably thousands more.
2) The featured image is part of the addon, and can only be changed by modifying the template/creatign a custom template via PHP, which is significantly more advanced than CSS.
3) See the CSS below, it will bring the text out from the image and I added a bit that will hide the start date and button text
Regarding the styling where the text is below the image, it can be done (in a basic way) with the following CSS:
That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.
I’ll be honest though, it sounds like you really need to hire a developer for a small job to create a custom template for you. Yes you can modify an existing one like above, but it might simply be easier and more controlled to create something custom.
We have a list of recommended developers here: http://eventespresso.com/developers/event-espresso-pros/
The support post ‘Customizing Grid Template in EE4’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.