Jump to content

MacUn

Circle Member
  • Posts

    103
  • Joined

  • Last visited

Reputation Activity

  1. Like
    MacUn got a reaction from tuanphan in Center Product Details on Product Page   
    Love when I can solve my own problems. Here's the fix if anyone else needs it:
     
    //Center Product Page Details// .ProductItem-details { text-align: center !important; width: 100% !important }  
  2. Like
    MacUn reacted to tuanphan in Change Text in Custom Form Button   
    Add this code to 10-member Page Header
    <style> .form-button-wrapper:after { content: "Next Step"; background: #b94941; font-family: calluna-sans !important; font-weight: 700; text-transform: uppercase; color: white; padding: 0.5em 2.5em; border-radius: 300px; position: absolute; left: 0; min-width: 125px; pointer-events: none; text-align: center; } .form-button-wrapper { position: relative; } </style> Because CSS can't rename text, so my idea is create new button then move it overlap current button

  3. Like
    MacUn reacted to derricksrandomviews in Code Block Not Appearing On Page   
    Could be a loading issue, I could not duplicate the problem on Chrome, but it did happen with Edge. Do you have code installed to make the folder clickable? Edge will ignore code or doesn't load it correctly sometimes. I have a custom mouse cursor on one set of blog pages, Edge ignores it all the time. If you are using code, I suggest you post that snippet, and the coders here may see where it can be modified to fix this for you. 
  4. Like
    MacUn got a reaction from Burly_Mermaid in Search Page Font Color White   
    @paul2009 I was able to figure it out. Removed everything except the following and the button text stayed as it should. Thanks for walking me through.
    /* Sliding Banner Button */ .sqs-button-element--primary { color: white !important}  
  5. Like
    MacUn got a reaction from paul2009 in Search Page Font Color White   
    @paul2009 I was able to figure it out. Removed everything except the following and the button text stayed as it should. Thanks for walking me through.
    /* Sliding Banner Button */ .sqs-button-element--primary { color: white !important}  
  6. Like
    MacUn reacted to Ziggy in Remove Links on Tags in Summary Blocks   
    Hi @mackenzieu, try this Custom CSS:
    .summary-metadata-container { pointer-events:none; } Let me know if that works for you!
  7. Love
    MacUn got a reaction from Wolfsilon in Text Color on Shopping Cart Checkout   
    @Wolfsilon Great, that worked. Thank you!
  8. Like
    MacUn got a reaction from paul2009 in Add Sold Out to Event Summary Pages   
    Site URL: https://caper-harpsichord-tasl.squarespace.com/
    I have classes/events that require payment so each event is linked to the product. Is it possible to show when an event is sold out or has a small number of openings in an event summary block? Below is a mockup of what I'm trying to accomplish. Is this possible?
    un: https://caper-harpsichord-tasl.squarespace.com/
    pw: art

  9. Like
    MacUn reacted to tuanphan in Shorten Header Images on Mobile   
    Try adding to Design > Custom CSS
    /* Mobile homepage slide */ @media screen and (max-width:640px) { section#rotating-home-gallery { height: 220px !important; } section#rotating-home-gallery .Index-gallery-item-content { position: relative; top: -50px; } }  
  10. Like
    MacUn got a reaction from Beyondspace in Stack Event Photo on Top of Text on Mobile   
    @bangank36Perfect! Thanks for your help!
  11. Like
    MacUn reacted to Beyondspace in Stack Event Photo on Top of Text on Mobile   
    Hi,
    You can try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { /*Setting summary layout on mobile*/ .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container { width: 100% !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container img { width: 100% !important; height: auto; } .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container { width: 100% !important; } }  
  12. Like
    MacUn reacted to Beyondspace in Stack Event Photo on Top of Text on Mobile   
    My testing result

    Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
  13. Like
    MacUn got a reaction from Beyondspace in Decrease padding between header image and text   
    Worked great, thank you!
  14. Like
    MacUn reacted to Beyondspace in Decrease padding between header image and text   
    You can change the value in padding until it meets your requirement
  15. Like
    MacUn reacted to Beyondspace in Decrease padding between header image and text   
    Hi @mackenzieu,
    You can try adding to Home > Design > Custom Css
    .Main--page .Main-content { padding-top: 20px; } Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
  16. Like
    MacUn got a reaction from Beyondspace in Change text color on Summary Grid   
    @bangank36wonderful! Thank you!
  17. Like
    MacUn reacted to Beyondspace in Change text color on Summary Grid   
    try
    #block-yui_3_17_2_1_1635878713899_45132 .summary-title { color: #e85a2d; } #block-yui_3_17_2_1_1635878713899_45132 .summary-excerpt > p strong:last-child{ color: #e85a2d; }
  18. Like
    MacUn got a reaction from Beyondspace in Change text color on Summary Grid   
    Site URL: https://carrot-bronze-bld8.squarespace.com/4-friday-community-shopping-day
    I need to change the titles of this summary block to orange, as well as the dollar amount totals. I'm not finding an easy way to specify this in CSS. Thanks!

  19. Like
    MacUn got a reaction from SquareRefresh in Keep Hyphenated Words From Breaking   
    Site URL: https://carrot-bronze-bld8.squarespace.com/deli
    Is there a way to ensure all hyphenated words do not break lines? Thanks!

  20. Like
    MacUn reacted to tuanphan in Unordered List in Image Card   
    #1. It is .design-layout-collage, not .design-layout-card
    #2. The subtitle has 1 p only, so nth-child(n+2) won't work, try nth-child(n+1) or :first-child or nth-child(1)
    .design-layout-collage .image-subtitle p:nth-child(n+1) strong:before { content: "•"; padding-right: 5px; display: inline-block; } .design-layout-collage .image-subtitle p:nth-child(n+1) strong { font-weight: normal !important; display: flex }  
  21. Like
    MacUn reacted to tuanphan in Site Testing Services?   
    Hi @mackenzieu 
    We am running a non-profit project, helping Squarespace users in detecting some basic errors on websites. If you need to check any website, just post the link here, we will assist. If you don't want share public site url, you can enter url in form in my signature.
    We have helped over 1000 websites since March 2021. You can see some examples here.
  22. Haha
    MacUn got a reaction from paul2009 in Collapsable FAQ on mobile   
    Wow that's so bizarre. I tested on some other devices and it's working fine there too! Thank you so much for your help--must be something wonky with my phone.  🙂
  23. Like
    MacUn reacted to paul2009 in Assign different colors to image collage background colors?   
    Yes, you can do this with some CSS. If you know how to use CSS to change all of them, you can simply prefix this with the YUI Block ID of the particular image block.
    For example: #block-yui_3_17_2_1_1620539343869_16876 (and a space) would be added before the CSS selectors that you planned to use, such as .sqs-block-image .design-layout-collage .image-card
    Does that help, or do you need more specific help?
  24. Like
    MacUn reacted to tuanphan in Assign different colors to image collage background colors?   
    @mackenzie Add to Design > Custom CSS
    /* Collage 1 */ div#block-18f998425215bab189d5 .image-card { background-color: #496738; } /* Colalge 2 */ div#block-yui_3_17_2_1_1620539343869_16876 .image-card { background-color: #79973D; } /* Collage 3 */ div#block-yui_3_17_2_1_1620515148270_59562 .image-card { background-color: #FBF7EB; } Use this tool to find block id in future cases: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
  25. Like
    MacUn got a reaction from tuanphan in Assign different colors to image collage background colors?   
    Site URL: https://carrot-bronze-bld8.squarespace.com/produce
    Hello,
    I'm wondering if there is a way to assign different colors to image collage background colors when there are multiple on a page. I.e. I'd like each of these tan boxes to be a different color as follows:
    1st - dk green #496738
    2nd - light green #79973D
    3rd - light blue #90B0B6
    4th - cream #FBF7EB
    This URL for this screenshot is https://carrot-bronze-bld8.squarespace.com/produce
    Thank you!

×
×
  • 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.