Jump to content

hswaldorf

Member
  • Posts

    22
  • Joined

  • Last visited

Posts posted by hswaldorf

  1. On 9/25/2021 at 8:55 AM, tuanphan said:

    #4. Add to Design > Custom CSS

    /* Tablet footer */
    @media screen and (max-width:991px) and (min-width:768px) {
    div#block-yui_3_17_2_1_1621218424212_71440 p {
        white-space: nowrap !important;
    }
    }

    #5. How about replacing pagination titles with Prev/Next text?

    Thanks for #4.

    For #5, your idea is good, coz my titles are always too long. Please help me to do it. Great thanks!

  2. On 7/22/2021 at 5:20 PM, tuanphan said:

    Hi. Do you need help with these?

    Site URL – https://www.hswaldorf.org/

    1. (Mobile – Homepage) The calendar is partially cut off.

    https://www.hswaldorf.org/

    hswaldorf.org-01-min.png

    2. (Tablet – Homepage) Reduce white space?

    https://www.hswaldorf.org/

    hswaldorf.org-02-min.png

    3. (Tablet – Homepage) Calendar is skewed to the right.

    https://www.hswaldorf.org/

    hswaldorf.org-03-min.png

    4. (Tablet – Footer) Email is cut into 2 lines.

    https://www.hswaldorf.org/

    hswaldorf.org-04-min.png

    5. (Mobile/Tablet – hsnews) Paginations are too close together.

    https://www.hswaldorf.org/g1class/xse7tlh00mkqrtv55cp9edmsn8izfs

    hswaldorf.org-05-min.png

    Yes, Please help me to fix point 4 (Email is cut into 2 lines) and 5 (Paginations are too close together).
    Thanks!

  3. On 7/7/2021 at 2:10 PM, tuanphan said:

    With

    研究中心, 教師團隊

    We will need to change order of 3 images. It will be: Image 2-3 (row 1) - Image 1 (row 2).

    Are you agree?

    If you don't want this, we will need to adjust some bit in your layout. If you can add me as a contributor, I will take a look.

     

     

    I'd like to invite you to be contributor. please let me know your name and email address. thanks

  4. On 6/7/2021 at 8:11 PM, tuanphan said:

    Site url:

    Password: 26565711

    Add to Design > Custom CSS

    
    /* Mobile */
    @media screen and (max-width:767px) {
    /* resize home slideshow */
    html, body {
        overflow-x: hidden;
    }
    body.homepage .gallery-fullscreen-slideshow {
        height: 35vh !important;
    }
    }

    If resize GG Sheet, it will be like this...doesn't look good

    image.thumb.png.516fea0c09479463151203f90ef09a23.png

    Yes, I got your point. Let's keep the original size.
    Anyway, thank you! You help a lot.

  5. On 5/20/2021 at 11:03 PM, tuanphan said:

    Add to Design > Custom CSS

    
    /* hide thumbnail */
    section.blog-image-wrapper {
        visibility: hidden;
    }

    What is zoom effect?

    Thank you for your help! It looks good in desktop view, but in mobile view, the hidden thumbnails still occupy the space. Is it possible to remove those thumbnails, so that only a list of blog title display in this page? 

    For the zoom effect, I just wanna add some motion to the background. Just like the background of my home page. I set "Image Effect - Zoom" for home page background, and looking for the same effect for my blog background. Thank you!

  6. 7 hours ago, tuanphan said:

    Try adding to Design > Custom CSS

    
    /* blog background */
    .blog-side-by-side.collection-content-wrapper {
        background-image: url(https://images.squarespace-cdn.com/content/v1/6038eb3…/1621244632437-UDR0EUC0QG5K4VOKGG6N/ke17ZwdGBToddI8pDm48kNFo9oxv5Hwi5Jyc-uxa8SJ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTmAveEbYu85FauSu4e5fzPjXLSLPB6qNiWs2a6iZdCVQUOp8ZF4mRRo4nOWKx1v4vE/Cover+Bg.png?format=1500w);
    padding-top: 100px;
    }
    body.collection-type-blog-side-by-side .header-announcement-bar-wrapper {
        background: transparent;
        position: absolute !important;
    }

     

    Is it possible to add background image of the blog post? 

  7. 2 hours ago, tuanphan said:

    Try adding to Design > Custom CSS

    
    /* blog background */
    .blog-side-by-side.collection-content-wrapper {
        background-image: url(https://images.squarespace-cdn.com/content/v1/6038eb3…/1621244632437-UDR0EUC0QG5K4VOKGG6N/ke17ZwdGBToddI8pDm48kNFo9oxv5Hwi5Jyc-uxa8SJ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTmAveEbYu85FauSu4e5fzPjXLSLPB6qNiWs2a6iZdCVQUOp8ZF4mRRo4nOWKx1v4vE/Cover+Bg.png?format=1500w);
    padding-top: 100px;
    }
    body.collection-type-blog-side-by-side .header-announcement-bar-wrapper {
        background: transparent;
        position: absolute !important;
    }

     

    Thanks! That worked.
    How can i add zoom effect to the background image?
    And I'd also like to remove the thumbnail image.

    Screen Shot 2021-05-19 at 5.03.08 PM.png

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