Jump to content

NadineS

Circle Member
  • Posts

    49
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

NadineS's Achievements

  1. Hi SS friends, Can someone help me figure out how to get the columns on a store page from 4 to either 5 or 6? Images come out way too big. https://www.hausersjewelers.com/shop
  2. Shoot. I was thinking of using "courses" for my Squarespace template shop. I guess it's back to the drawing board. I'd love to be able to have multiple "courses" that are filterable the way products are.
  3. Same question ish. On Desktop: How to get 5 items across with smaller images? Mobile: 4 recommended items on mobile but have them 2 across and 2 down? In a grid? https://www.hausersjewelers.com/shop/p/square-hoop-earrings
  4. Hey SS friends, I'm trying to get my header button to be a gradient the same way as my body fonts. https://matthewhooks.squarespace.com/ pw: hooks Any ideas why the following code doesn't work? /* Flipped Diagonal Three-Stage Gradient for Body Buttons */ .sqs-block-button-element, { background: #007991; background: -webkit-linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); } .sqs-block-button-element:hover{ background: #007991; background: -webkit-linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); } /* Flipped Diagonal Three-Stage Gradient for Header Button */ .header-actions-action--cta { background: #007991; background: -webkit-linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top right, #9C2079, #CF2E43, #EA542E); } .header-actions-action--cta:hover { background: #007991; background: -webkit-linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); background: linear-gradient(to top left, #9C2079, #CF2E43, #EA542E); }
  5. Never mind! It was indeed just the vertical space. Easy to fix. Thanks!
  6. @tuanphan Similar question... How do I change the drop down menu under 'About' to be the dark blue #001840? Site: https://vocalcombattechnique.squarespace.com/ Pw: battle Current code that I hack & slashed from above... /* Cart page - background color */ body#cart { background-color:#001840; } /* Cart page - font color */ body#cart .header-announcement-bar-wrapper * { color: white!important; } /* Cart page - change color of product and price */ body#cart div#sqs-cart-root *:not(.cart-checkout-button) { color: white !important; } body#cart .header-announcement-bar-wrapper .header-nav-folder-item * { background-color: #001840!important; padding: none; }
  7. Anyone know how to remove the space between arrows when they're on the bottom of a List Section on the Carousel setting? https://antongill.squarespace.com/ pw: vopro
  8. Same question! https://antongill.squarespace.com/ pw: vopro /* BLOG READ MORE BUTTON */ a.blog-more-link { font-size: 0 !important; text-decoration: none !important; align-self: flex-end; } a.blog-more-link:after { content: "Read Now →"; font-size: 1rem !important; background-color: #00FFFF !important; padding: 18px 8px 18px 18px; border-radius: 25px; border: 1px solid #000; } a.blog-more-link:hover:after, a.blog-more-link:active:after { background-color: #000 !important; /* Button turns black */ color: #fff !important; /* Text turns white */ border-color: #fff !important; }
  9. https://vocalcombattechnique.squarespace.com/ PW: combat Anyone know why this code isn't rotating my scrolling block? It did when I first added it, but now it's stopped working... /* ROTATE SCROLLING BLOCK */ #block-yui_3_17_2_1_1691344183651_96460 {transform: rotate(-4deg)}
  10. Did this ever get published? I'd love to buy this plugin!
  11. Thanks @Vicks Here's the live site: https://www.catherinebfogarty.com/
  12. Hey SS Forum friends, I'm still pretty new to CSS, and am trying to add a hover effect to the navigation on this site, but what I've done adds a "bump" effect due to the padding I guess? Any ideas on how to eliminate this? I tried adding the border and padding stuff, but to no avail... :S /* Nav item color */ .header-nav-item a { border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; } /* Nav item hover color */ .header-nav-item a:hover { background-color: #D5B56E !important; border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; }
×
×
  • 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.