XianNewman

54 minutes ago, tuanphan said:

@XianNewman I see your site has some problems. Do you need to fix these?

Site URL – https://risedigital.tech/

1. (Tablet-Homepage) Increase text width a bit?

2. (Mobile-Footer) Align center logos or make them side by side?

3. (Tablet-About) Change to 2 columns?

4. (Tablet-About) Increase text width?

5. (Tablet-Google Workspace) Increase text width a bit?

6. (Tablet-Web Design) Change to 2 columns?

7. (Tablet-Podcast) Change to 2 items/row?

8. (Tablet-Podcast posts) Increase text width?

Thanks for the feedback. 
 

All of these are automatically formatted by Squarespace. 
 

2. I meant for them to be centred. 
 

1, 3-8. All of these are automatic responsive adjustments by Squarespace. In mobile, desktop, and tablet landscape, they look good. In tablet portrait, not so good. Any recommendations to fix without messing up desktop styles?

4 minutes ago, bangank36 said:

#collection-604d0cb8b40cb82b3bfd4c97 .blog-basic-grid .image-wrapper {
    padding-bottom: 66.66%;
}

ratio is 3/2 ~ 66.66%, so far global settings is 100%, mean 1:1

ahhh... now I understand... looking through all the CSS properties, I skipped right over padding thinking 'nah that can't be it.' 😂 

3 minutes ago, bangank36 said:

Squarespace ratio usually by using width/height percentage of assign as padding-bottom of the container.

What kind of image you are referering

For example if I wanted to force the images on the podcast page to aspect ratio 3:2?

First, thanks for the recommendation - that extension is GOLD! I've always opened Inspect (Chrome) or Source (Safari) to find the IDs the hard way 😂 

Second, thanks for the feedback... I'm tying up loose ends on a redesign (I neglected my own site for a long time while I took better care of client sites).

Third, do you happen to know which CSS property to target for aspect ratio? If it's convenient, could you paste a sample snippet I can customize for my situation? Never worked with aspect ratios before.

Christian

Site URL: https://risedigital.tech

Hi there.

I have two blog sections on my site.

1. Blog, where I want the images (mostly landscape screen shots) on the blog page to be 3:2 aspect ratio.

2. Podcast, where I want the images (entirely podcast-style album art) on the blog page to be 1:1 square aspect ratio.

After changing formatting the respective blog pages 100 times (rough estimate) and my changes not 'sticking' I was able to determine that if I change the format of one blog (even though I do it on its own page, not globally in the styles interface), it oddly changes the format of the other, completely unrelated, blog.

Assuming this is (bizarrely) intended behaviour and not a bug, does anyone know how to apply a specific aspect ratio to one blog page's images and not the other?

Christian

40 minutes ago, Agha_Waqas said:

add below code into css editor

@media (max-width: 1024px){
#eapps-google-reviews-6c531fd1-9bd5-4ab4-88d6-e677c4eb6f67 { z-index: 9 !important;}
}

That worked beautifully, thank you!

CSS newbie question: Is the intention of the z-index value to set the relative depth of an object on a page?

Also, curious why you used max-width: 1024px as I've seen many use 767px as the mobile threshold.

Christian

Site URL: https://risedigital.tech

Hey Squarespacers!

I installed a Google Review badge on my site, which presents a problem with the nav button in the mobile menu (7.1).

Not sure if the best approach is to try and remove the badge when mobile menu opens, or move the button up so it's not covered by the badge (I think I prefer the latter).

Any bright ideas how to fix this with CSS? 

1 hour ago, kerstinmartin said:

then why not just keep the from?

The vast majority will buy individual bottles (and the client asked)

2 hours ago, kerstinmartin said:

There might be a way to do this with CSS but I don't know the code off the top of my head.

I am wondering though, why would you want to hide the 'from'? Is that not misleading when people then click on the dropdown list and see the different prices because you have set the expectation that it's all the same price? Plus, the from indicates that there are more options which can people make curious and entice them to check out the different options. That's just how I would feel as the consumer.

In this case, it's pretty straightforward. One variant is a single bottle of wine, the other is a case of 12 bottles, at a discount. Customers won't be let down, they'll be delighted at the opportunity to buy more and save.

Maybe @tuanphan or @kerstinmartin know a way to make this happen! 🍷 

Site URL: https://sosschool.squarespace.com/

Is it possible (through custom code) to target only a specific category for blog post pagination?

By default pagination links to the next/previous post regardless of category.

20 hours ago, tuanphan said:

Do you use Personal Plan or higher?

Business plan (although the site I’m working on this for is in trial mode).

I attempted this, but couldn't get what I want.

What I'm aiming for us the logo on the left, with left-justified site title and sub-title (in different fonts) vertically centred to the right of the logo... something like the image attached.

Is this even possible?

kenhardie.squarespace.com 

password: fpk