Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Reputation Activity

  1. Like
    kayleigh reacted to tuanphan in Adding First Name & Last Name Fields to Promotional Popup   
    If you find free solution, I wrote this guide yesterday. It allows you to convert Newsletter Block to Promotional popup.
  2. Love
    kayleigh reacted to DevonHarris in How to Add a Subhead to a List Block   
    For anyone looking for a simple fix to this:
    Within the "title" section of the List Contents window, Add your main heading, then the subheading.  BOLD the subheading and then go to Design>Custom CSS.  Enter the following: 
    Section ID{ .list-section-title p strong{ display: block; font-size: 1.6rem !important; font-family: 'GothamBook' !important; color: hotpink !important; } } The display: block attribute forces the bolded text to flow to a new line.  ".list-section-title p" identifies the list section title, and the "strong" specifies only the BOLDED text.  The Section ID ensures that this only happens within that specific section.  Then simply match your site subheading text to the font attributes listed in the code above.  
    To adjust mobile font sizes, wrap the code in a media query for phones and tablets, like this:
    Section ID{ @media screen and (max-width: 641px){ display: block; color: hotpink; }} and Section ID{ @media screen and (max-width: 780px){ display: block; color: hotpink; }}  
  3. Like
    kayleigh got a reaction from tuanphan in Membership Sign Up Button styling affected by Button Editor update?   
    If anyone falls into the same trouble, I can confirm it is indeed a bug. 

    I've just spoken with CS via the chat and they have offered a workaround. You would either need to change your buttons to No Fill sitewide, or you recreate the section with the Membership Sign Up Block but do not choose a theme colour, you must leave it as the default. The minute you set your section colour, the issue comes back. 
  4. Like
    kayleigh reacted to tuanphan in Equal block heights: how do I make the heights equal on smaller screens?   
    Add to Design > Custom CSS
    /* services-equal height boxes */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1626015402372_31686+.row { display: flex; flex-wrap: nowrap; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4:not(:nth-child(2)) { background-color: RGBA(242, 247, 250, 1); border: 1px solid RGBA(190, 211, 229, 1); margin-left: -1px; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4 .image-block { padding: 0px !important; } }  
  • 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.