Jump to content

WCS

Circle Member
  • Posts

    204
  • Joined

  • Last visited

Community Answers

  1. WCS's post in Post-Submit Form - White Text on White Background was marked as the answer   
    @semp083 There may be a setting or code applied that's messing with the text. Without being able to look at your site, it's a little hard to tell. An easy first step would be to use html specifying the color you want instead! Let's try this:
    Go to the form and click the pencil button Click Post-Submit and delete your message In the html box, copy and paste: <h3 style="color: #000000;">Received! Thanks so much for letting us know!</h3> 
    You can replace h3 with p if you'd like it to be the same size as in your image. I personally like it when the post-submit text is a bit larger so that it fills up more of the space.
    #000000 is black but you can replace this hex code with whatever color you'd like it to appear as.
    For the header, do you want that gone completely or only the post submit?
    If you want it completely gone:
    Log into the backend of your website Go to Website > Pages Scroll down to Website Tools > Custom CSS Copy / paste the below in and click save. // Hide Form Title
    .form-title {
      display:none}
    I don't know of a way to remove it only once the form has been completed.
  2. WCS's post in Why isn't my favicon displaying in Google search results? was marked as the answer   
    @ShootsDraws Hmm well your favicon is definitely associated with your site (http://www.beoutdoorfit.com/favicon.ico), so that's good. Since Squarespace may be resizing your favicon regardless, I'd suggest having Google index your homepage (see screenshot below). This article may be helpful as well: https://support.google.com/webmasters/answer/9012289#request_indexing
    @CmaineU have you tried this yet? 👆
    If that doesn't work, then resize it as Ziggy suggested and give it a new name as well. Keep in mind that you may need to log out of your account and clear your cache in order to see the difference. 
    Let us know if it works! 🤞 
    If all else fails, Mike_Sorrentino found a code-based solution that worked for them and may be worth trying. 

  3. WCS's post in Exclude custom CSS from specific blocks? was marked as the answer   
    @jonuehring Yes, that works great! Try the below code and let me know if it works.
    Just so you know though, you can also make your site available for view — even if you havenʻt paid for it yet. Settings > Website > Site Availability > Password Protected (then set a password)
    // Label which image it is
    section[data-section-id="654571c2ded6710668652c59"] .sqs-block-image .design-layout-fluid .sqs-image {
      border: 1px solid #000 !important;
      border-radius: 10px !important;
      box-shadow: 5px 5px #000 !important;
    }
    // Label which image it is
    section[data-section-id="64daff6293656e1849bb6b68"] .sqs-block-image .design-layout-fluid .sqs-image {
      border: 1px solid #000 !important;
      border-radius: 10px !important;
      box-shadow: 5px 5px #000 !important;
    }
    // Label which image it is
    section[data-section-id="64daff6293656e1849bb6b6e"] .sqs-block-image .design-layout-fluid .sqs-image {
      border: 1px solid #000 !important;
      border-radius: 10px !important;
      box-shadow: 5px 5px #000 !important;
    }
     
  4. WCS's post in Change section background color around inset background image was marked as the answer   
    @Tankgurl Thanks for the screenshot! Sorry that didn't work. Try:
    section[data-section-id="65a3266090ba675b103d2c61"] .page-section.background-width--inset .section-border{
      background-color: red !important}
  5. WCS's post in Anchor link to a testimonials section was marked as the answer   
    @Magmorphius Glad you figured it out! You can also use code instead of targeting a specific section. If you find that the anchor link scrolls too close to the top of the testimonials, you can add code at the bottom of the section above to give a little buffer. 
    <p id="this-text-is-the-id"></p>
     
  6. WCS's post in Colour change code for accordion was marked as the answer   
    @Callan The CSS for this should be:
    #block-yui_###### .accordion-item__description{
      color: white !important
    }
    Is that what you were using previously?
    Sometimes CSS doesn't display on the backend unless you save, leave the Custom CSS window, refresh, and then go back in. 
     
  7. WCS's post in Why can't I hide images on Mobile only using the CSS I'm adding? was marked as the answer   
    @graphicabyss  Is it removing the image in the mobile preview, but not on your phone? If so, then you may have to adjust the max width to 720. I had to do this for a client recently.
    @media screen and (max-width: 720px) {
    #block-yui_3_17_2_1_1689763110049_14549 {
    display: none !important;
    }
    }
  8. WCS's post in Why can't I change the point size of the excerpt in a summary block? was marked as the answer   
    @JDED  Try this code and let me know if it works:
    .summary-excerpt p:last-of-type{
      font-size: 12px
    }
     
  9. WCS's post in Put lowlight on hyperlinks but only on Paragraph 2 was marked as the answer   
    @Chanel1990  Try the below code and let me know if it works! 😊
    p:not(.sqsrte-large):not(.sqsrte-small){
      background: linear-gradient(180deg, rgba(255,255,255,0) 65%, #e1c4ff 65%);
      display: inline
    }
    This article shows some more options as well: https://www.beatrizcaraballo.com/blog/low-highlight-heading-links-squarespace
  10. WCS's post in NO css works was marked as the answer   
    @LorenR  That sounds so frustrating. Here are a few good starting points!
    Add !important to your code .header-nav-item a:hover{color:#ED217A !important} It could be that you've incorrectly added some code. I'd copy/paste it from your Custom CSS section into something like Notes. Add items back in one at a time to see if any work or have an error notice.  Clear your code and add the below. If h2 text turns red, it's working.
    h2{
      color: red !important
    }
  11. WCS's post in How to code bottom footer was marked as the answer   
    @IsobelleLans If you're on 7.1 Fluid Engine, you can do this without code!
    Hover over your footer and click 'Edit Footer' Then hover at the bottom of your website and click 'Add Selection' (should appear in blue) Add a blank section Click the pencil to edit the section and toggle off 'Fill Screen' Change Row Count to 1 In doing this, you may find:
    That it's easier to add your text prior to doing step 5 That Squarespace is adding the new section above your current footer, even though you told it to add it below. Simply hover over the section and click the down arrow to bring it to the bottom Let us know if this solution worked for you 😊
  12. WCS's post in How to change the position of menu items in the header? was marked as the answer   
    @mjanas10 You can do this by ordering your pages. The way they appear stacked on the left is the order they'll appear in your navigation bar ☺️ Simply click and drag the Climate page to be the last page in the Main Navigation section.
     

  13. WCS's post in Changing the font size blog header, Brine was marked as the answer   
    @JohnBrewer Are you sure your template is Brine? This is what I'm seeing in the Site Styles. 🤷‍♀️
    You can tell by going to Website > Design > Template
     
  14. WCS's post in Membership pages or Course pages was marked as the answer   
    @AmyCSH  You could do this through Member Sites but you'd have to pay for that capability and it seems like you could do this without having to set all that up -- especially since those that have already signed up would need to do so again in order to create a profile that allows them access.
    I'd recommend having:
    Page 1: A landing page for the webinar with a form.  Page 2: A password protected page that has links to the call, course materials, and a store selling the items you want them to purchase after watching your presentation.  On Page 1, they fill out the form (since it's free) or subscribe to your emails -- whichever you'd like. Either way, you can customize the post submit to include a link to Page 2 with the password. I'd recommend using the html box to make the message in one of your header fonts. 
    *** For those that have already signed up, you can simply email them the Page 2 information! 
    Here's a sample of the post-submit text text:
    <h3>
    Thank you for subscribing! Please visit <a href="https://westerlycreative.studio" target="_blank" >www.westerlycreative.studio</a> and put in password TACOS to access the webinar content. 
    </h3>
    How to modify the html:
    <h3> Font size
    Thank you for subscribing! Please visit <a href="Put the Page 2 link in here" target="_blank" (Makes it open in a new tab) >Insert what you want the hyperlink text to be </a> and put in password TACOS to access the webinar content. 
    </h3> Must match first font size
    What it looks like when you add it:

    If you're worried about people missing it, you can also send an email to those who sign up with that information. 
    The potential downside to this is that other could share the password and let other people in. However, setting up an approval system for so many people probably isn't worth your time. 
    Congrats on getting 100 people signed up! 🎉🎉
    Membership Options
    1. You could sell this as a Digital Download, which could be a PDF with links to all the content. Google Drive works great for this. 
    2. Coaching could be a Service Product, which can be a 1-time fee or subscription based. You can share the link to the resource on your call with them or via email. 
    "Lifetime access" can be a difficult thing to ensure. I'd just give them the download link and tell them they have xxx days to download it, but that's just me. For example, what if Squarespace stops supporting Member Sites in the future? If you went that route, you'd have to pay for that function indefinitely and then switch it if/when that changes. 
    You could do Member Sites or the coaching group and release the products free to them each week. However, if they aren't doing anything else in the group, then you're just adding steps for both you and them.
  15. WCS's post in Designing a full website behind a single landing page was marked as the answer   
    @mdotwyou  Of course -- glad that solution works! 🙂 
  16. WCS's post in Form Button Style was marked as the answer   
    @CoorlasArchitecture  We can adjust the padding around newsletter sign up buttons to create a similar look!
    Try this code:
    // Submit button padding
    .newsletter-block .newsletter-form-button {
        padding: 0.5rem 1.7rem !important;
    }

    How to install it:
    Website > Website Tools > Custom CSS
    Adjusting values:
    If it doesn't look exactly how you would like it to look, try adjusting the below.
    0.5 rem = controls vertical padding
    1.7 rem = controls horizontal padding
×
×
  • 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.