Jump to content

IgnitePerth

Circle Member
  • Posts

    85
  • Joined

  • Last visited

Reputation Activity

  1. Like
    IgnitePerth got a reaction from nathan.j.p in Adding word before price on MAIN product page.   
    try the below in Design > Custom CSS
     
    .product-price::before { content: "from"; } if you wish to style the word "from"  further you can do so inside that same rule.
    eg:
    .product-price::before { content: "from"; font-size: .9rem; color: #A3826C; }  
  2. Like
    IgnitePerth got a reaction from THREECATS in What's the name of the code used to include "extra" info in your SERP result?   
    Hiya Threecats!
     
    Do you mean Google's Structured Data snippets?  This is the code that helps google provide rich results in google search pages.

    https://developers.google.com/search/docs/appearance/structured-data/sd-policies
  3. Like
    IgnitePerth got a reaction from tuanphan in Hiding a link in footer on specific page   
    Hi Bryan!
    This code will hide that block on the /creativedept page.  Place it in Design > Custom CSS
    #collection-61df4e8c1d5fe5308320fc63 #block-0a3136bbbf1ee3dfabe8 { display:none; } Let us know how you go!
     
  4. Like
    IgnitePerth got a reaction from bryanmray in Hiding a link in footer on specific page   
    Hi Bryan!
    This code will hide that block on the /creativedept page.  Place it in Design > Custom CSS
    #collection-61df4e8c1d5fe5308320fc63 #block-0a3136bbbf1ee3dfabe8 { display:none; } Let us know how you go!
     
  5. Like
    IgnitePerth reacted to tuanphan in Thumbnail Grid Customization: Overlay and caption on hover   
    Add to Design > Custom CSS
    div#gridThumbs img { filter: grayscale(1); } .portfolio-overlay { background-color: transparent !important; } div#gridThumbs .grid-item:hover img { filter: grayscale(0); }  
  6. Like
    IgnitePerth got a reaction from margmorg in Center logo and Right align navigation   
    A simple solution without seeing your site or it's code is to set the logo to be on the left with menu right and then change the flex box to allow the logo to rest up against your menu.
    Try this to see what you get:
    .header-title-nav-wrapper{ flex-grow: 1; flex-shrink: 0; margin-left:auto; } .header-layout-nav-right .header-nav { margin-left: unset !important; } .header-nav { flex-grow: unset !important; } .header-title { margin-left: auto; }  
    The only way to get a logo that sits exactly in the middle with your nav items wrapping to the right is to change a lot of the code/styles - which as has been mentioned above, would require a shared link to your site.
  7. Like
    IgnitePerth got a reaction from margmorg in Center logo and Right align navigation   
    Hi Margmorg - you absolutely can choose right aligned - the option just isn't very intuitive.
    When you select edit site header, on the right hand side of your screen, you get a popup menu.  The initial settings tab is for GLOBAL.  Select the monitor icon for Desktop.  The options you are looking for are in there.

     

  8. Love
    IgnitePerth reacted to tuanphan in How to link navigation folders to landing page 7.1 personal plan   
    With your plan, edit Site Footer >> Add a Markdown Block >> Paste this code
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('a.header-nav-folder-title[href="/folder-television"]').click(function() { var link = $(this).text(), href = "/television"; window.location.href=href; }); }); </script>  
  9. Like
    IgnitePerth reacted to tuanphan in Picture in line with text coding. Quick help appreciated! (trying to share my site tomorrow) : )   
    Add to Design > Custom CSS
    /* Bio image text mobile */ @media screen and (max-width:767px) { div#page-section-612981a55c105b558260b356 .sqs-block[class*=float-left] { float: left !important; margin-right: 17px !important; width: 60% !important; } }  
  10. Thanks
    IgnitePerth got a reaction from moxxbrands in Change order of blocks on mobile   
    Can you share you site password for us to take a look?
  11. Love
    IgnitePerth got a reaction from makennaokeeffe in Center logo and Right align navigation   
    In order to apply that code only to desktop, place your code inside a media query. 
    @media screen and (min-width:768px) { The above code goes inside here }  
  12. Like
    IgnitePerth got a reaction from jenniferboddam in Summary Carousel Customization   
    I'd love to see what you come up with - really digging your layout!
  13. Like
    IgnitePerth reacted to jenniferboddam in Summary Carousel Customization   
    Hi @IgnitePerth thanks for the feedback and suggestions. I gave it a try, its not exactly what I was looking to do but I see how it could work. I think I just need to play around with it for awhile and stick within squarespaces means for now. As this only goes back and forth and not a continuous carousel starting back at the start, as well as it still stays "contained" within the summary container if that makes sense. I thought maybe there was a way to just show what was sitting out side the summary block without changing the number of projects showing.
    and It will also be an updating thing so probably should stick with something that's easy to edit
    appreciate the attempt though!

  14. Like
    IgnitePerth got a reaction from tuanphan in Clickable Banner videos (example provided)   
    You would achieve both of these things with a section background.
    Add a new blank section at the top of your page. Click the pencil to edit that section. Click on Background - here you can set an image OR video as the section background. In the format tab, adjust to your liking. On top of this background you can add any blocks you like - text, buttons, headings etc.


  15. Like
    IgnitePerth got a reaction from tuanphan in CSS Box-Shadow for Card Images   
    Trixy one!  intrinsic is the class you need - to solve the sizing add img:

    Calling the img tag inside intrinsic solves your problem on the home page, but not Our Services. 
     
    .intrinsic img{ box-shadow: 0px 20px 20px 0px rgba(15,35,98,0.75); }   Tuanphan's code is the right selector for Our Services
  16. Like
    IgnitePerth got a reaction from georgia-shc in different font color for two words within a paragraph   
    It will inherit any style given to p.  If you have any other paragraph styles (eg: i you have small paragraph, medium paragraph) you will need to add the class for that in your code as well.
  17. Love
    IgnitePerth reacted to LV-OZ in Changing font size in Collage Image Block   
    Got it. Thank you!! 
  18. Love
    IgnitePerth reacted to bittermelonbindery in How to change search bar input text color?   
    It worked! Thank you IgnitePerth!
  19. Like
    IgnitePerth reacted to paul2009 in Adding word before price on MAIN product page.   
    If you add variants to your products that have different prices, the word ‘FROM’ will appear before the price automatically. If your products don’t have different variant prices, can you explain why you want the text to appear?
  20. Like
    IgnitePerth reacted to georgia-shc in different font color for two words within a paragraph   
    think i got it, just add the p class. thanks!
  21. Like
    IgnitePerth reacted to tuanphan in Display image over text on hover   
    This site used Portfolio Page.
  22. Love
    IgnitePerth reacted to katet12 in Flier in homepage   
    Yay! IT finally worked. Thank you so much for your help 😄
  23. Like
    IgnitePerth got a reaction from katet12 in Flier in homepage   
    Correct!
    and the css (animation code) goes in Design > Custom CSS
  24. Like
    IgnitePerth got a reaction from tuanphan in CSS to style mobile view   
    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.
     
  25. Love
    IgnitePerth got a reaction from tuanphan in Horizontal buttons distanced relative to each other?   
    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; }  
×
×
  • 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.