Jump to content

ruralstudio

Circle Member
  • Posts

    56
  • Joined

  • Last visited

Posts posted by ruralstudio

  1. Hi there,

     

    I am looking for some help to display an alternative image on mobile on my home page in order to make the text on top of the image more legible.

    I used the following piece of css from another thread, which worked however the image is displaying on all pages on mobile and I'd like for it to. appear on the home page only.


    @media only screen and (max-width: 640px){
    #page .page-section:nth-child(1) .section-background img {opacity:0 }
    #page .page-section:nth-child(1)  .section-background {
    background-image: url(https://static1.squarespace.com/static/635e701cba90e76df1723034/t/63f20b656fd184188261b044/1676807024721/diggers-cider-home-page-mobile-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
    }

    I'm sure just a simple line needs to be added here, but I've tried a few things and haven't got it yet. If anyone could help that would be great!

    Note: I am actually using the same image, I have just cropped and exported a different version as need the darker area to be more visible on mobile. Tried. using the focal point selector tool but didn't work well enough.

    Thanks a lot

     

     

  2. Hi there,

    I've used the following code to upload an alternative image for header/background image on mobile, but I'd like it to display on home page only - it's currently displaying on all pages in mobile view.

    Would you be able to help advise what I should add in here please to display on home page only? Many thanks!

     

    @media only screen and (max-width: 640px){
    #page .page-section:nth-child(1) .section-background img {opacity:0 }
    #page .page-section:nth-child(1)  .section-background {
    background-image: url(https://static1.squarespace.com/static/635e701cba90e76df1723034/t/63f20b656fd184188261b044/1676807024721/diggers-cider-home-page-mobile-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
    }

  3. Site URL: https://hibiscus-orb-zzca.squarespace.com/

    Hi there,

    I've spent a looong time this week trying to find a solution for a client who wants the ability to print out branded packing slips to go with the orders from her online shop. She currently uses a a Woocommerce plugin on wordpress and has an integrated label so that when printing each order, she can peel off both customer address and return address to stick on front & back of her packages. See example attached. 

    I have been back and forth all week trying to find a solution via Squarespace and any of the shipping extensions, but no luck. Ideally I'd like to avoid extensions/plugins and allow the client to print out the standard invoice page but on an integrated label so she can peel off customer address and post.

    Has anyone else found a solution for this? Can't find anywhere stocking the right label sizes for Squarespace either 😞

    I've had a few clients requesting this now and seen some similar posts on here. Would be much appreciated if anyone could help!

    Thanks!

     

     

    packing-slip-7487.jpg

  4. Hi there,

    I am working for a client to create a site in which I essentially need to create 3 versions of home/landing page that display different links in the header navigation (so as to take different users on 3 different journeys through the site/only show content that is relevant to them). 

     

    Is there a way for me to easily display some links on header nav in one page and display different links on another page?

     

    Thanks in advance! 🙏

  5. On 1/28/2022 at 8:33 AM, tuanphan said:

    Option 1. Remove current header, add new header with HTML + CSS code (You need to decribe header layout on desktop - mobile on each page, we can give code easier)

    Option 2. Add all items/buttons to navigation, then use code to show corresponding items on each page.

    What do you think?

    Hi Tuanphan, I am also looking to do this... are you able to share the code mentioned please? Do you think first option is easiest?

×
×
  • 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.