Jump to content

DariusBo

Member
  • Posts

    13
  • Joined

  • Last visited

Posts posted by DariusBo

  1. Good day,

     

    I was trying to use this code to get single column on masonary grid while on mobile:

     

    /* Masonry one item on mobile */
    @media screen and (max-width:767px) {
    .gallery-masonry-item-wrapper {
    height: auto !important;
    margin-bottom: 30px !important;
    }
    figure.gallery-masonry-item {
    position: relative !important;
    width: 100% !important;
    transform: unset !important;
    }
    .gallery-masonry-item-wrapper {
    height: auto !important;
    }
    .gallery-masonry .gallery-masonry-item[data-loaded] img {
    width: 100% !important;
    }
    .gallery-masonry {
    padding-left: 10 !important;
    padding-right: 10 !important;
    }
    /* new code */
    .gallery-masonry-wrapper.gallery-masonry-list--ready {
        height: auto !important;
    }}

    It works however I noticed that the images themselves are very low res, much lower res than the upload, and after trying to trouble shoot I figured its always like that whenever I change to one column in the section settings on mobile. Do you know why is that and how to get around this? Also, I cannot use code injection tools since its a personal plan.

     

    Thanks a lot

    Darius

  2. I really like the portfolio follow cursor and background options and would like to use that in my home page to link it to specific category in the shop, so i though would it be possible to redirect it so when i click on project it takes me to the category in the shop rather than a project?

     

    Thanks a lot

    Site: https://primrose-trombone-p7eb.squarespace.com/pagrindinis

    Pass: square

  3. Site URL: https://primrose-trombone-p7eb.squarespace.com/config/

    Hey, I've been playing around with the shop design and wondered if its possible to leave breadcrumbs and category title only on mobile view? It is clearly seen on the sidebar nav on desktop view and extra breadcrumbs is not really needed. 

    Also, is it possible to change breadcrumb "all" to something custom - like different language or different word? 

    pass: square

     

    Thanks  a lot!

  4. 5 hours ago, tuanphan said:

    Need to custom code. All plans support code

    Add to Design > Custom CSS

    /* Portfolio Overlay to grid mobile */
    @media screen and (max-width:767px) {
    div#gridThumbs {
        grid-template-columns: repeat(2,1fr);
    }
    a.grid-item {
        height: unset !important;
        padding-bottom: 0 !important;
    }
    .portfolio-text {
        position: relative !important;
        opacity: 1 !important;
    }
    }

     

    How do i change the font size of these titles in mobile only? it seems like its using heading 3 but the codes i found in the internet does not do much.

     

    Thanks

  5. 3 hours ago, tuanphan said:

    Need to custom code. All plans support code

    Add to Design > Custom CSS

    /* Portfolio Overlay to grid mobile */
    @media screen and (max-width:767px) {
    div#gridThumbs {
        grid-template-columns: repeat(2,1fr);
    }
    a.grid-item {
        height: unset !important;
        padding-bottom: 0 !important;
    }
    .portfolio-text {
        position: relative !important;
        opacity: 1 !important;
    }
    }

     

    amazing thank you!

  6. Site URL: https://www.interjeroakcentai.lt/

    Hello, after failing to use successfully ecommerce in squarespace we rebuilt just the store on another platform and want to link as a subdomain from this one, however, the button is a bit too standing out - its ok for the rest of the site but not for navigation bar - is it possible to change the styling so it looks more like the rest of the navigation bar but is in that position - ideally coming before the social links?

     

    Thanks

  7. Under the color styles I find a place to change all font colors except miscellaneous  ones which I use for main text. I want it to make it grey or just add opacity so it greys out a bit but i cant find a place to do it. How would i do it in css?

    Thanks for help

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