Jump to content

Adding an image between Event List items

Recommended Posts

Hey there,  I'm trying to make an image display in between individual events on an events list page. I'm not sure what the best way to do this is. Is is possible to insert a horizontal line after each event? That way I could just replace all horizontal lines with this method. Is there an easier way? Thanks so much in advance.

Link to comment
  • Replies 11
  • Views 1k
  • Created
  • Last Reply

Please post the URL for the event list on your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

I think this may only possible with some Javascript. It would require the business plan or above.

What the code would do would be to insert the images directly without the need for the CSS hr background image trick. The technique cited can't be used in your circumstance as there is no way to insert the hr in the event list without the use of Javascript.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 6/22/2021 at 5:29 PM, creedon said:

I think this may only possible with some Javascript. It would require the business plan or above.

Thanks for responding! I have just upgraded to a business plan, is it possible with the use of code injection?

Link to comment
  • 2 weeks later...
On 6/23/2021 at 4:09 AM, viiicks said:

Sure sorry about that. My site is not public yet.

https://toucan-tiger-ph64.squarespace.com/
password = temppass

Thank you!

Just found some minor problems. Do you want to fix these?

Site URL: https://toucan-tiger-ph64.squarespace.com/

1. (Tablet – About) Increase text width?

https://toucan-tiger-ph64.squarespace.com/about

 

toucan-tiger-ph64.squarespace.com-01-min

2. (All devices – Homepage/Show) When i click on more infor, the site can’t be reach.

toucan-tiger-ph64.squarespace.com-02-min

3. (Mobile-Events) Reduce pagination title size?

https://toucan-tiger-ph64.squarespace.com/shows/wtt99aeo15oytuh1no8sw43zkdl97n-ehbmp-93pfz-s8r4y-zr3rc

toucan-tiger-ph64.squarespace.com-03-2-m

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.