Jump to content

TrueNatureDreams

Circle Member
  • Posts

    18
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    TrueNatureDreams got a reaction from Lesum in Animated type & delete typewriter text custom code   
    Please ignore my last reply - it is working!
    I must have copied something incorrectly!
    Thank you so much for your help.
    I'm looking for someone who can help with code on my client's sites - would you or anyone you know be interested?
    I've tried through Circle/99 Designs not yet found someone.
    Thanks again 🙂
  2. Thanks
    TrueNatureDreams reacted to iamdavehart in Add blank section to blog post   
    You can do this in a couple of ways. in both cases I assume you only want to do this on a blog, so you could either use post blog code injection (might be premium feature, can't remember) and add a style block with the css in, or you can find the collection id of your blog using the squarespaceid finder and modify the css selector for that. I'd recommend post blog code injection (click advanced on the settings of the blog you want to do this to)
    Simple CSS: (Fixed Height)
    Adding a css block that is coloured in a certain way and is of a fixed height is pretty easy. this has a fixed height of 500px;
    main article.sections section:nth-child(1) .section-border .section-background::before { content:''; background:lightblue; position:absolute; top:0; left:0; right:0; height:500px; display:block; } Complex / Obtuse(!) CSS: (Height that flexes with the title)
    the difficult part is if you want it to grow relative to your title block. in the picture for example you've got a 2-line title. a fixed width box isn't going to line up correctly. so for that option you have to try something more difficult. Essentially you have to find the element that has the blog header and do some css trickery to play with a box shadow.
    so, if you add this you should find that you get a light blue background that flexes with the size of the title/metadata holder
    main article.sections .blog-item-top-wrapper { background-color: lightblue; box-shadow: 0 0 0 100vmax lightblue; clip-path:inset(-100vh -100vw -100px -100vw); z-index:1; } to make this work in your style, you should change the "lightblue" in both places to the colour you want, and then change the third number "-100px" to whatever you want your padding to be (the space between the bottom of the title block and where the colour finishes. note that it is a negative number.
     
     
  3. Like
    TrueNatureDreams got a reaction from Beyondspace in Changing Item Title Font to a Custom Font   
    Site URL: https://lanternfish-plums-lwd5.squarespace.com/
    Hello folks, 
    I'm hoping someone can let me know the CSS to change the List Title Font to my custom font 'Mermaid'.
    I have H1, H2, H3, H4 set as 'Mermaid' but when I add a List Item it is defaulting to preset Squarespace fonts.
    The passcode for the Trial site is 'Betty'.
    Here's a screenshot to show the text is appearing as Poppins instead of 'Mermaid'.
    Thanks in advance folks for any help you can give.
    Becs 😀


  4. Like
    TrueNatureDreams reacted to Agha_Waqas in How do I fix the Scroll to Top button I added interfering with 'Add to Cart' button?   
    Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess.
    .floating-cart {bottom: 80px !important;}
    or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection
  5. Like
    TrueNatureDreams reacted to paul2009 in 7.1 removing text link underlines   
    Please report these issues directly to Squarespace Customer Care, as these changes are as a result of changes they have made. You can reach out to them here.
  6. Like
    TrueNatureDreams reacted to creedon in 7.1 removing text link underlines   
    @bcampbellley
    Add the following to Design > Custom CSS.
    #block-e387efff0139dac8322f a > span {   text-decoration : unset !important;      } This is specific to the poster's need.
    Let us know how it goes.
×
×
  • 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.