Jump to content

Increasing space between heading and product image - in 'related products'

Recommended Posts

  • 3 weeks later...
On 7/20/2021 at 3:36 PM, tuanphan said:

Do you need fix this?

(Desktop – Training) Input box is not aligned.

https://eventkit-test-site.squarespace.com/courses

eventkit-test-site.squarespace.com-02-mi

Thanks but no need to fix - I’ll be deleting that section. I have just been working on the shop page until now and will update the rest soon.

I do have one question I’m sure you can help me with though!

It’s about reducing the spacing around logo in the footer (when shown on mobile). I’ve added CSS to reduce the size of the logo on mobile but it seems to leave the space the same. Can you tell me what to add to also compress that space? here’s a pic. 
thanks!

 

1EA49793-868C-483D-9F9F-FDE260B2EC38.png

Link to comment
On 7/30/2021 at 4:16 AM, rachella said:

Thanks but no need to fix - I’ll be deleting that section. I have just been working on the shop page until now and will update the rest soon.

I do have one question I’m sure you can help me with though!

It’s about reducing the spacing around logo in the footer (when shown on mobile). I’ve added CSS to reduce the size of the logo on mobile but it seems to leave the space the same. Can you tell me what to add to also compress that space? here’s a pic. 
thanks!

 

1EA49793-868C-483D-9F9F-FDE260B2EC38.png

Hi. Which CSS did you add?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/3/2021 at 8:13 AM, rachella said:

/* Resize footer images */
 @media screen and (max-width: 640px) {

footer .sqs-image .sqs-image-content img, footer .image-block {

    transform: scale(0.5)

}}

 

It looks like you added new code

but the code is invalid

change

Quote

margin: 1 auto;

to

Quote

margin: 1px auto;

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • 1 month later...
On 8/4/2021 at 5:23 PM, tuanphan said:

It looks like you added new code

but the code is invalid

change

to

 

Hello again - you helped me with spacing before, I am hoping you can assist with one more section!

I would like to reduce the padding between two pages (not all through the site, just two specific pages). See attached image as reference.

I would like the space reduced between the line of one page, and the text 'Building your dream event...' of the next page.

https://eventkit-test-site.squarespace.com

I'm sure it's a simple CSS design fix but I can't work it out.

Thanks in advance!

Rachella

 

Screen Shot 2021-09-17 at 10.14.30 am.png

Edited by rachella
Link to comment
On 9/17/2021 at 7:18 AM, rachella said:

Hello again - you helped me with spacing before, I am hoping you can assist with one more section!

I would like to reduce the padding between two pages (not all through the site, just two specific pages). See attached image as reference.

I would like the space reduced between the line of one page, and the text 'Building your dream event...' of the next page.

https://eventkit-test-site.squarespace.com

I'm sure it's a simple CSS design fix but I can't work it out.

Thanks in advance!

Rachella

 

Screen Shot 2021-09-17 at 10.14.30 am.png

Where is page in screenshot? I don't see them on homepage

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/20/2021 at 8:58 AM, tuanphan said:

Where is page in screenshot? I don't see them on homepage

hello!

I'm sorry to confuse you, I changed the text to: EVENT MANAGEMENT TOOLS FOR YOUR CREATIVE BUSINESS

I am referring to the space between page above it. The spacing between those pages is not good when viewed on mobile. I have taken a new screen shot for clarity.

I've looked up how to reduce the spacing between pages more generally, but I think that's not what I want to do across the entire site, because it looks fine elsewhere. It's just between these two pages - it looks wrong when viewed on mobile.

 

thanks for your help!

Rachella

 

 

 

 

Screen Shot 2021-09-21 at 12.24.27 pm.png

Link to comment
On 9/21/2021 at 9:25 AM, rachella said:

hello!

I'm sorry to confuse you, I changed the text to: EVENT MANAGEMENT TOOLS FOR YOUR CREATIVE BUSINESS

I am referring to the space between page above it. The spacing between those pages is not good when viewed on mobile. I have taken a new screen shot for clarity.

I've looked up how to reduce the spacing between pages more generally, but I think that's not what I want to do across the entire site, because it looks fine elsewhere. It's just between these two pages - it looks wrong when viewed on mobile.

 

thanks for your help!

Rachella

 

 

 

 

Screen Shot 2021-09-21 at 12.24.27 pm.png

Add to Design > Custom CSS

@media screen and (max-width:640px) {
section#portfolio-home-2>div {
    padding-bottom: 0;
}
section#portfolio-collection-1>div {
    padding-top: 0;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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