Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Chubacca21

Member
  • Posts

    20
  • Joined

  • Last visited

Posts posted by Chubacca21

  1. Site URL: https://iris-pomegranate-pcdm.squarespace.com/portfolio-1/squiggle-rainbow

    Password: changelasts

    I'm trying to add a Gallery to the bottom of a page (in this case a project page inside of a portfolio). In this case the gallery is made up of just 2 photos, one vertical and one horizontal. The vertical image is causing a problem. It's as if the section is not tall enough to accommodate the gallery, so the gallery spills into other sections. I've added a blank section below the gallery and above the footer in a different color theme to illustrate what I mean.

    The issue is replicated in a different page (https://iris-pomegranate-pcdm.squarespace.com/patterns/squiggle-rainbow) where the gallery is the first section, and the section below it crops the vertical image off.

    Screenshot 2021-03-03 at 11.46.42.png

    Screenshot 2021-03-03 at 11.48.15.png

  2. I think it looks great! It's really clean and easy to navigate and digest. The color scheme is minimal but effective.

    I love the logo, and the little squiggle 'm' that's carried over in the "We're excited you're here'" section. I think you could even use it on other pages too. I will mention though, that the logo is hard to see on most pages because it is light colored and your background is also light.

    I have a few suggestions which you can take or leave, they definitely range from good design principle to just pure personal preference:

    • I think the site could benefit from a tad bit more breathing room. It looks like your section height is set to small, but I'd consider making it medium or large.
    • I would choose just 2 fonts for your site. It looks like you've mostly used Source Sans Pro and Lora. But on your "What We Offer" page you have Futura headings and Arial in the navy box.
    • The text ("Moon Maze Studio/ A creative agency.") on your hero image could be much larger.
    • The footer is a bit empty. Maybe replicate some of your navigation links?

    And lastly the contact forms aren't appearing for me.

  3. I think I know what Junipurr means by the logo. Because it's an all caps font, the "uppercase" letters appear bigger than the "lowercase" letters even though they are all uppercase if that makes sense. So "DW Behavioral Health" actually looks like DW BEHAVIORAL HEALTH. The letters are different heights, but that looks fine to me.

    Also, instead of just Enter,  you can use Shift+Enter to create a line break. This should mean your line spacing should look the way you want. I think it would be nice if that text was centered too.

    The website looks clean and professional, and the illustrations for services add a nice touch of warmth. I just have a couple thoughts myself which are all just my own personal opinions!

    • There is a lot of animation. Everything from images to text fades in which can be quite a lot of visual stimulation. I'd personally prefer only images to fade in, and text/buttons/logos to have no animation
    • I love the color scheme, it's feminine, but not overly saccharine. But I think it could benefit without the bright teal color which reads a little young to me. Especially when the teal buttons are on top of the purple. I would also prefer black/dark grey paragraph texts rather than dark teal. Just to tone things down a bit and not make it overly colorful. 
  4. I sure wish I had a back yard so I could have a bird feeder! 

    I thought I'd just mention that I think your chosen green colour doesn't seem to pass accessibility checks. Because it is quite bright, there is not enough contrast against the white background which means some people may have trouble reading it. You can check the contrast ratio of colours with WebAim's tool.

  5. Site URL: https://iris-pomegranate-pcdm.squarespace.com/patterns

    I recognise that the default behaviour of folder urls is to direct to the first page in the folder. I have a Patterns folder, and when you go to /patterns it loads the first page in that folder, which is /george-street-jumper.

    Is there any way to change that? Specifically, I want /patterns to direct to /crochet-patterns. I would add /crochet-patterns as the first page in the folder, but I also want /crochet-patterns to appear in my navigation (without the rest of the folder contents).

    password: changelasts

  6. On 2/11/2021 at 5:20 PM, alexion14 said:

    I would also like to know if this is possible. I absolutely require this feature because every print copy of my product needs to come with a (unique) code for readers to download a the digital copy for free.

    Disappointing, but thanks for the answer.

  7. I've put the !important and switched back to 95vw in and here is what I'm seeing in Safari, when I scroll to the right:

    2080592697_Screenshot2020-11-04at12_44_39.png.d79d9497f0c8ceb3b507625814802ecc.png

    I'm logged into Squarespace in Chrome. And when I'm in the edit screen, then click the full screen arrow on the top right this is what I see (there is no horizontal scroll issue):

    405775172_Screenshot2020-11-04at12_49_14.png.6f453cc71dbe02feb635a158c4af2d95.png

     

  8. 32 minutes ago, bangank36 said:

    are you viewing it in editor, could you check it on live site?

    Ah, I was viewing it in the editor. Have viewed it in the live site, and it's pretty much the same. Except, now I'm actually getting a bit of right/left scroll with blank space to the right of my content again.

  9. 38 minutes ago, bangank36 said:

    Thanks for trying, I reduced the width a bit

    
    
    #collection-5f9be812f06f7953d689e18e {
      overflow-x: hidden;
    }
    #block-yui_3_17_2_1_1604429981024_6275,
    #block-yui_3_17_2_1_1604224630852_5351,
    #block-yui_3_17_2_1_1604431732518_6331 {
        padding: 0;
        width: 100vw;
        margin-left: -3vw;
    }
    #block-yui_3_17_2_1_1604224630852_5351 {
      padding: 2vw;
      width: 95vw;
    }

     

    Ok, have tried your new code. The text is not full screen, and at certain screen sizes, again, the text gets cut off at the left.

    117844352_Screenshot2020-11-04at11_52_49.png.48ccd3574596905e9cfbb1bfb59c7816.png

    I've tried changing the width from 95vw to 100vw which reduces that space on the right, although there is still a gap (at some screen sizes), so it's not completely full screen all the time. And I still have the issue of the text being quite close to the edge.

    1736583150_Screenshot2020-11-04at11_54_35.png.d98dac8727dce6a8bd60df95ce9be993.png

     

     

  10. 8 hours ago, bangank36 said:

    Feel free to try this solution via Design->Custom Css

    
    #block-yui_3_17_2_1_1604429981024_6275,
    #block-yui_3_17_2_1_1604224630852_5351,
    #block-yui_3_17_2_1_1604431732518_6331 {
        padding: 0;
        width: 100vw;
        margin-left: -4vw;
    }

    image.thumb.png.73fa76e1c0b5cce7ef68316932364611.png

    Thanks for your suggestion. I've tried adding your code, but at some screen sizes I'm getting extra space to the right of my content. And at other sizes (like in your screen shot above), the text is being cut off on the left.

    1356792716_Screenshot2020-11-04at10_48_19.thumb.png.0519808ff68aa9f004db90b1ed4a41fa.png

    1594981525_Screenshot2020-11-04at10_48_43.png.66c6910fcf2a2c4a62a4f765876ce96b.png

     

×
×
  • Create New...