Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

dnissan

Member
  • Content Count

    51
  • Joined

  • Last visited

Posts posted by dnissan

  1. 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,

  2. 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

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

    For background color add this:
    .eventcal .eventcal-content-wrapper { background: #000000; }

    For day number color add this:
    .eventcal .eventcal-daynumber { color: #e7d073; }

     

    Try adding this CSS to your custom CSS:
    .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?

×
×
  • Create New...