Jump to content

christinedevs

Circle Member
  • Posts

    10
  • Joined

  • Last visited

Posts posted by christinedevs

  1. Hi - I've been using the following code on several of my client's websites to have an underlined newsletter form field. For some reason, on mobile (iPhone Safari), it always shows up with some kind of border radius at the bottom. Any fixes?

    // UNDERLINED NEWSLETTER FORM FIELD
    
    .newsletter-form-field-element { 
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid 1px #000000 !important; 
    }

     

    IMG_3970.PNG

  2. Site URL: http://merakisd.squarespace.com

    I have added some graphics to the corners of my site's cover page, but I want them to stay in the corners no matter what the browser window height is on desktop, and I also want the page content to be centered relative to the browser height, without a scroll bar showing up. What's the CSS I need for this? 

    I also need to add some margin back in to the top. I hid the header and can't figure out the correct CSS to add it back.

    http://merakisd.squarespace.com
    PW: meraki

  3. I was able to solve the centering on my site. The :after is causing the button to move to the right, "after" where the original button was. @PastaRodriguez in your case it would look like this instead to fix the centering:

    .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button {
      visibility: visible;
      content: "QUICK VIEW";
      background: #FFD600;
      font-family: 'Futura';
      font-weight: 800;
      color: #EA0029;
      padding: 10px 20px;
      border-radius: 5px;
    }
×
×
  • 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.