Jump to content

Inspirerd

Circle Member
  • Posts

    35
  • Joined

  • Last visited

Community Answers

  1. Inspirerd's post in Issue customizing the button font across my site. was marked as the answer   
    Hey @collgrimes! I believe this should work:
    #siteWrapper .sqs-block-button a, #siteWrapper [class*='button'], #siteWrapper [class*='btn'] { font-family: 'NYRO' !important; letter-spacing: -.2rem; } What I did was nest the selector under an ancestor of #siteWrapper which is the id of the container of the website (first descendent of body). This is because your selector was altering the Squarespace editor buttons. This change makes it only select things within your Squarespace website.
    Hope this helps!
  2. Inspirerd's post in How to Create File Folder Style Navigation was marked as the answer   
    @JZoeller
    Here you go! Feel free to increase the padding on the buttons (`.header-nav-item`) or ask me to, if you want them bigger. (The first padding `10px` is vertical and the second `20px` is horizontal.)
    @media screen and (min-width: 768px) { .header-nav-item { border: solid 1px var(--navigationLinkColor); border-bottom: 0; padding: 10px 20px; position: relative; } .header-nav-item--active.header-nav-item--active.header-nav-item--active>a { background-image: none; } .header-nav-item--active::before, .header-nav-item--active::after { content: ""; position: absolute; bottom: 0; border-bottom: solid 1px var(--navigationLinkColor); width: 100000px; width: 100vw; } .header-nav-item--active::before { right: 100%; } .header-nav-item--active::after { left: 100%; } .header-title-nav-wrapper { align-items: flex-end; } .header-announcement-bar-wrapper.header-announcement-bar-wrapper { padding-bottom: 0; } .header-title-logo { padding-bottom: 0.6vw; } }  
  3. Inspirerd's post in How to style the Scrolling Block of text in 7.1 as bold and italic? was marked as the answer   
    Hey @BradleyK! Give this a try:
    .marquee-block, .marquee-block p, .marquee-block h1 { font-weight: bold; font-style: italic; /* If you want 50% black as in gray. */ /* This does not lighten delimeter/divider */ color: hsl(0deg 0% 50%); } /* OR if you want 50% transparent (use only one or you will have 25% black) */ .marquee-block { /* This does lighten delimeter/divider */ opacity: 0.5; } (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)
    Hope this helps! 
  4. Inspirerd's post in Change color of newsletter button Squarespace 7.1 was marked as the answer   
    Hey @LindsEli!
    It seems your button has a transparent background. I am not sure if that is the result of your theme styles or custom css and if there is a way to adjust that there to fix it.
    If you want to go the code override route, here is some code that should fix it, but make sure it doesn't negatively affect other pages.
    button.newsletter-form-button.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary { background-color: white !important; } button.newsletter-form-button.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary:hover { color: black !important; } (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)
    The repetitiveness/length of the selectors are to override the other class which already has high specificity/priority. 
    You can change the color from black to whatever you want. That is the color of the button text when you hover over it.
     
    Regarding the pop up suggestion you made. I couldn't find an easy way to do it with the newsletter block. But I know you can do that with the form block by adding a form, then on the design tab of the block options, toggling "Lightbox".
    Hope that helps!
  5. Inspirerd's post in Remove Carousel Arrows Completely was marked as the answer   
    Hey @BrockDunnet! I am not quite sure if it can be done in the editor (that is to say, I am not confident it can't be done in the editor), but here is some code that achieves that.
    .user-items-list-carousel .mobile-arrows { display: none; } (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)
  6. Inspirerd's post in Removing black underline from images with links was marked as the answer   
    Thank!
    I think this should do it! Let me know what you think.
    a.sqs-block-image-link { border: none; } (Just in case you are wondering how to add custom css: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)
    Hope that helps!
  7. Inspirerd's post in SEO tool warns compressed js is unminified was marked as the answer   
    Hey @Brendt! 
    I was worrying about this same issue when I set up SEMRush for my website. But as I realized when opening the file, it is minified. Not sure why SEMRush thinks it is unminified, but I wouldn't let it worry you too much. I actually ended up turning off that issue in SEMRush because I knew Squarespace handled minifying for me. Tools like SEMRush are there to help us spot potential issues, we shouldn't sweat it if it misdiagnoses a problem.
×
×
  • 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.