Jump to content

IgnitePerth

Circle Member
 View Profile  See their activity

  • Posts

    85

  • Joined

  • Last visited

 Content Type 

Everything posted by IgnitePerth

  1. IgnitePerth
    Can you try the below media query and let me know if it is what you are after for mobile? @media screen and (max-width:767px) { .section-background-canvas canvas { top: 50px; } } I am not sure what you mean by Can you elaborate?
  2. IgnitePerth
    Correct! and the css (animation code) goes in Design > Custom CSS
  3. IgnitePerth
    You will need to share your site with a password for us to see it and help you.
  4. IgnitePerth
    The footer is on every page. To make it appear only on one page, make code block inside the home page itself (and any other page you would like it on).
  5. IgnitePerth
    How have you added the div? this bit of code: <div class="flier"><img src="https://freight.cargo.site/t/original/i/0501e4413c74c3401d9f041140258ef984cbc9a13d8aba70f89ae76b33e80ebf/Asset-13.png" width="200"></div> I would just add an HTML code block with that in it, at the bottom of the page you wish to see it on. (I am assuming you have used a global code injection to make it display on all pages - remove that)
  6. IgnitePerth
    This relies on the div to display it. How are you adding it to your site (we cannot see your site unless you share it with a password). As a guess I'd say it is as simple as only adding that code block (div) to the pages you wish to see it on.
  7. IgnitePerth
    NP! a.blog-more-link:hover { color: #d85820 !important; }
  8. IgnitePerth
    I do not see any overlapping layers/sections when I view the site. The link you posted is not actually paralax it is just referring to the animation options for section backgrounds - have you confirmed those settings are still selected?
  9. IgnitePerth
    Do you already have the custom font installed? If so can you share the CSS you used to do this?
  10. IgnitePerth
    you could just make the link #header This would take you back to the top of the page.
  11. IgnitePerth
    Could you share with us your current Custom CSS entries, so we can see what you have done so far?
  12. IgnitePerth
    Hi Anthony, you need to give us your site password.
  13. IgnitePerth
    Can you provide a link for us to better see what you are referring to?
  14. IgnitePerth
    Hi Alicia! Have you tried the different options in the Design tab? What you are describing sounds like Collage, Overlap, or Card.
  15. IgnitePerth
    I believe you need custom code to achieve this. I found the below solution which appears to achieve your goal: https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71
  16. IgnitePerth
    The link you provided to that page does not work for me, so as a guess, the below code will change links, on hover, in blog pages only. Replace blue with the color code you would like to have it change to on hover. .blog-item-content .sqs-block-html a:hover { color: blue !important; } If you would like to change the colour of links in general (when not hovered) you can do this by editing your site styles (click the paintbrush icon in the top right of your page). Check which style is applied to the sections you want to change - in the below image it is LIGHTEST 1. click the pencil icon on Lightest 1 to edit the colour pallette, and look for links > text links.
  17. IgnitePerth
    Can you clarify what you mean by "code template"?
  18. IgnitePerth
    When you say in the actual blog entries, do you mean on a page like this. Are you referring to the text on the bottom that takes you to the next blog?
  19. IgnitePerth
    You will need to provide an access password for us to see your site: SETTINGS > Site Availability > Password Protected
  20. IgnitePerth
    you can place all of your custom code under the collection ID for your home page - if you only want it to change there. #collection-5e1df494db2c3e0f98a4c13b{ Customisations go in here }
  21. IgnitePerth
    try: Design > Custom CSS .header-search-bar input{ max-width: 90%!important; }
  22. IgnitePerth
    the value you want is max-content, not fit-content. I don't think you'll need to declare the float if you just set that. The below will change that for ALL buttons inside content (with the class button-col). .content .button-col { width: max-content !important; }
  23. IgnitePerth
    From the dev page
  24. IgnitePerth
    How do you want it to look? I don't think there is an automatic way to achieve this, I would have gone with text blocks above the summary, as you have done in that image - what would you like to change about it?
  25. IgnitePerth
    If you recreate anything that has an image AND text using actual image/text blocks, they will resize automatically - try to avoid using images with text in them.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources