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

iamme123

Member
  • Content Count

    129
  • Joined

  • Last visited

Everything posted by iamme123

  1. I'd recommend trying this in the CSS Editor: a {background-image:none !important;}
  2. Here's what worked for me in the CSS Editor: .sqs-popup-overlay-close {display: none !important}
  3. I don't want visitors to be able to close my pop up until they click the button to confirm - is there an option for this?
  4. Here's what I used that works for tablet and mobile: @media only screen and (max-width: 1000px){ .folder-toggle-label, .subnav a, .page-collection a {color:white !important;} } Pasted that into the CSS Editor. You can reduce the "max-width: 1000px" to "640px" instead if you want it to affect mobile but not tablet.
  5. Just looking to change the font color for mobile devices only when using the Wexley template.
  6. Paste this into the CSS Editor: .excerpt-content {text-align:center}
  7. Wanting to center the excerpt text and read more link for blog posts on the Pacific template.
  8. Looks like this works actually: .Header-nav-folder-item:hover { color: red !important; } Paste it into the CSS Editor to try it out, and replace "red" with any color or color code you want.
  9. When my navigation is over a banner in Brine the folder nav links show the same color as my folder background color on hover. I don't want to change the active nav link color, just the hover color for links in a folder.
  10. There's a Chrome browser extension that will find the page's collection ID for you as well to make that easier: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  11. Here's what I'd recommend: First upload the logo image to the CSS Editor with the Manage Custom Files button Then go into the Notifications panel to edit the order email footer and add this code: Just add the URL between the quotation marks "" after src= with your logo image URL. This will also ensure that the logo image doesn't span the full width of the order email and has a line break between the image and any other text you have in the footer.
  12. You can also use this block identifier in Chrome to get block IDs easily: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  13. @bcassin If the small container's iFrame code has "&mode=AGENDA" in it that would be the cause. Remove just those characters from the iFrame code and it should change it to a monthly view.
  14. I just tested out the Events page I linked as an example for this on an iPhone 6s and it looks like it's loading for me without issue. I'm not sure if your device needs troubleshooting if you're not able to see the page, but you might check to see that everything's up to date and try restarting the phone. I tested out the code you provided on a test page and used the CSS in the
  15. Hey Ben, sorry I didn't see this until now! Not sure why I didn't get a notification. As long as the iFrame's are both wrapped in this code it should allow you to hide and show one or the other on different screen sizes: <div class="responsive-iframe-container small-container"> *iFrame code for mobile goes here* </div> Both the "monthly" and "agenda" iFrames can be pasted into a single Code Block on the page, each one wrapped in the div code for the small container (mobile agenda view) and big container (desktop and iPad monthly view). The "@media" CSS pasted into the Page Header Code Injection section should hide and show each iFrame.
  16. I'd recommend these steps: Add the image to your site Use a clickthrough URL to make the image clickable:https://support.squarespace.com/hc/en-us/articles/206542427 Convert your image file into a ZIP file on your computer so your visitor downloads the image instead of it opening in a new tab in their browser Use the "Files" tab to upload your ZIP file:https://support.squarespace.com/hc/en-us/articles/206232858#toc-files-tab---link-to-a-file
  17. If you have the Button Block's color set to blue already in the Style Editor you can just use this to make the text white on hover instead of black as well: .sqs-block-button .sqs-block-button-element--medium:hover { color: #fff !important } Paste that in the CSS Editor. Change the ".sqs-block-button-element--medium:hover" to 'small' or 'large' instead of 'medium' depending on the size you set within the Button Block settings.
  18. You can also use this Chrome extension to get the unique block ID to target any individual Text Block on the site for CSS: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Then structure the CSS like this: #block-yui_3_17_2_33_14884356287498_9144 p {color: #000000} "p" targets body text, and "h1", "h2", and "h3" target the different headings. Use that after the block ID (with a space) and before the curly bracket "{}".
  19. Honestly, this is the solution I like best for my site, but I have Image Blocks and Text Blocks offset from one another: .sqs-block.image-block { margin-top: -8px; margin-bottom: -8px; padding: 0; } This allows my Image Block corners to touch when they're in different rows, without overlapping any of the content (see screenshot).
  20. @paul2009 @octopusI'd recommend using this Chrome browser extension to find the collection ID and Block IDs for you: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  21. Use this code to make all links have a custom color and hover color: a { color: #fff; &:hover, &:visited, &:active { color: #696969; } } You can then choose what type of text to target for this by wrapping the code above in another bracket and the heading type you're targeting. These are the options: p = body texth3 = heading 3 h2 = heading 2 h1 = heading 1 So, for example, if you wanted to target just body text links it would look like this: p { a { color: #fff; &:hover, &:visited, &:active { color: #696969; } } } You can target as many of those as you'd like at a time, separated by commas "p, h2".
  22. To adjust the width of all Button Blocks, despite the text length, use one of these within the CSS Editor: For "small" buttons: .sqs-block-button-element--small {width: 110px !important;} For "medium" buttons: .sqs-block-button-element--medium {width: 110px !important;} For "large" buttons: .sqs-block-button-element--large {width: 110px !important;} You can also adjust the number before "px" to change the width. The "small", "medium", and "large" sizes are determined by the 'Size' options within the Button Block settings.
  23. There are missing colons in the answers above, try this: .sqs-block { margin-left: -30px; margin-right: -30px; margin-top: -30px; margin-bottom: -30px; }
  24. @ToniWonKanobiCheck out the solution for that below if you're still interested :)
  25. This worked for me to only have this apply to links within content Blocks: .sqs-block-content a, .sqs-block-content a:hover { text-decoration: underline !important; } Hope that helps someone! :)
×
×
  • Create New...