dnissan

The solution above didn't work for me. There was no "Business Settings - Promote - Menu Embed" option when I logged into my squareup.com account.

Instead, I did this:

1. Log into Squareup.com
2. Go here: https://squareup.com/store/admin/selector
3. Select your page
4. Create your store front. Here you can create your merchandise lists, products, services, donations, add photos, contact information, location store, refund policy, etc. etc.
5. You can then link your customers to that page. I used a button (Go to Store -->). I also created a subdomain through my domain provider, and connect it to that store front. For example "store.yoursitename.com" - helps keep consistency as you can share that subdomain on Facebook, Twitter etc. instead of a different squareup.com domain.

This is the best way I found to integrate squareup.com to squarespace without doing all the API heavy code stuff or whatever (I'm clearly not a developer).

Cheers,

Out of curiosity, why is it bad code?

Bernard, I'm looking for a similar answer, looking forward to your response. As far as I can tell, she's wanting a different picture to appear - but she'll clarify. https://answers.squarespace.com/questions/77492/text-to-appear-on-hover-of-image

How can I display a block/text when a user hovers or clicks on an image?

I found a few good posts. Here and Here

I also found external sources. Each place I went provided a solution similar to this:

http://jsfiddle.net/p87g3fey/

Follow the link above to see it in action

HTML

<a id="thumbnail" href="#">
<img src="http://dummyimage.com/150x150/0066ff/fff"></a>
<div id="title">filename.jpg</div>

CSS

#thumbnail {
display: block;
width: 150px;
height: 150px;
}

#thumbnail:hover + #title {
display: block;
}

#title {
display: none;
color: #ffffff;
background-color: #000000;
text-align: center;
width: 130px;
padding: 10px;
}

I don't understand what I'm doing wrong in my code though. Here's what I have:

HTML

<div class="sqs-block image-block sqs-block-image" data-block-type="5" 
id="block-yui_3_17_2_2_1428673541254_6455"> </div>

<div class="sqs-block html-block sqs-block-html" data-block-type="2" 
id="block-yui_3_17_2_3_1429198468651_10272"><div class="sqs-block-content">
<p>I want this text to appear when the calendar image is hovered (and 
preferably clicked too)</p></div>

CSS

#block-yui_3_17_2_2_1428673541254_6455 {
display: block !important;
}

#block-yui_3_17_2_2_1428673541254_6455:hover + 
#block-yui_3_17_2_3_1429198468651_10272 {
display: block !important;
}

#block-yui_3_17_2_3_1429198468651_10272 {
display: none;
color: #ffffff;
background-color: #000000;
text-align: center;
width: 130px;
padding: 10px;
}

I literally just swapped out the selectors to match what I want done: When a user hovers over the calendar image on the right, I'd like text to appear on the left. I've tried other solutions, similar to this with no luck. Any ideas where I'm going wrong? Reason I'm selecting block-yui is that they indeed are static and work: https://answers.squarespace.com/questions/76450/how-to-select-just-1-image-on-a-page

The page I'm working on is here: http://www.p2sk.ca/testing-grounds

Bumping this, because really, I can't be the only one wondering how to do this

Any answers? If I'm not using the correct selectors, where could I find that information for the template I'm using (Bradford)?

Oh, the selectors not being the correct ones. Didn't think of that. The template I'm using is Bedford.

www.p2sk.ca is the site.

Thanks for the reply!

Alright, so, no solutions here! Perfect. lol

Anyone? Any ideas?

I've seen a handful of answers on this question. Here are two:

.eventcal .eventcal-content-wrapper { background: #000000; }

.eventcal .eventcal-daynumber { color: #e7d073; }

.eventcal .eventcal-today { background: red; color: black !important }

My problem: Those don’t work with me. I don’t know what I’m doing wrong.

I added these to the Custom CSS, but it doesn’t work. I tried different colors, but nothing works. The calendars colors stay the same as the original. What am I missing? I’m not in developer mode, can this be it?