Jump to content

hbakhsh

Member
  • Posts

    7
  • Joined

  • Last visited

Posts posted by hbakhsh

  1. On 4/19/2021 at 10:19 AM, tuanphan said:

    Q1 + Q4. Add to Design > Custom CSS

    
    /* Tablet */
    @media screen and (max-width:1024px) and (min-width:768px) {
    /* footer */
    div#page-section-604e1b206d3505175419885e .span-12 .span-4 {
        width: 60%;
    }
    div#page-section-604e1b206d3505175419885e .span-12 .span-8 {
        width: 40%;
    }
    /* Shop 2 items */
    .products.collection-content-wrapper .list-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    }

    Q2. It looks like you removed posters

    Q3. Add to Design > Custom CSS

    
    /* Overlay site title */
    body.header--menu-open a#site-title {
        color: black;
    }

    Q5. Next comment. It will take some time to test code

    Q6. Add to Design > Custom CSS

    
    /* Product slide arrows control */
    @media screen and (max-width:767px) {
    .ProductItem-gallery-carousel-controls {
        display: flex !important;
    }
    /* arrows background */
    .ProductItem-gallery-carousel-controls * {
        background: white;
    }
    .ProductItem-gallery-carousel-controls>div {
        justify-content: center !important;
    }
    }

     

    Hi there, I was wondering if you could help me make it so 2 product images are displayed side by side on the homepage on mobile as currently the homepage is very vertically long making it quite tiresome to scroll through and the dimensions look off having so many products in a line compared to the text sizing

  2. 9 hours ago, tuanphan said:

     

    Just found some small problems on your site.

    Site URL: https://collie-oriole-x7fl.squarespace.com/

    1. (Tablet-Footer) Want to change help & legal width?

    collie-oriole-x7fl.squarespace.com-table

    2. (Tablet-Homepage) Want to reduce shop collection text size?

    collie-oriole-x7fl.squarespace.com-table

     

    3. (Overlay Menu) Want to show logo/title on overlay menu?

    collie-oriole-x7fl.squarespace.com-overl

    4. (Tablet-Shop) Want to change to 2 products/row on tablet only?

    collie-oriole-x7fl.squarespace.com-table

    5. (Mobile-Shop) Want to show all nav links, or convert to dropdown, without scrollbar?

    collie-oriole-x7fl.squarespace.com-mobil

    6. (Mobile_Product Detail) Want to change 1/2 to an arrow slide?

    collie-oriole-x7fl.squarespace.com-mobil

     

    Hi there, yes that would be great if you could provide me with some help to do this. Do you charge for this?

  3. 1 hour ago, paul2009 said:

    Although you've posted this in the 'Coding' section, you won't need code to style product titles.

    You can do this in the Site Styles panel on your Squarespace 7.1 site.

    Go to Design > Site Styles > Fonts > Assign Styles.

    Scroll down to the Product Detail Page section and click Item Title.

    7point1-site-styles-product-detail-page.png.b0aedb8cd1e60b0d9912b50052ad355e.png

    In Size: Size, change Heading to another heading choice or Custom to select a non-standard size.

    site-styles-7-1-product-title-size.gif.244920b90f89e4aac687f880af356dfa.gif

      If this helps you, please click "Like" below  ⬇️

    7point1-site-styles-product-detail-page-item-title-size.png

     

    Thank you so much! I really appreciate it.

  4. Site URL: https://collie-oriole-x7fl.squarespace.com/

    I'd like to style the product title as they're currently too big. I've tried the solutions below that I found online with no success. I'm not sure what the issue is. Help would be much appreciated :)

    .ProductList .ProductList-title {
    	font-size: 30px;
    }

    Failed 

     

    <style>
      .product-title {
        font-size: 4rem !important;
    }
    </style>

    Failed

     

    /* Product Block Titles */
    .product-block .productDetails .product-title {
      font-size: 1.8em;
    }
    /* Product Block Prices */
    .product-block .productDetails .product-price {
      font-size: 1.5em;
    }

    Failed

     

     

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