Jump to content

Padding, Font and Column Problems

Recommended Posts

Site URL: https://carrot-whale-lsgz.squarespace.com/

Hi, 

Ive working hard to get my site ready for launch but despite my efforts, theres a few things which i just cannot solve and would appreciate some help. 

The website login details are:  www.dimondlondon.com

I have listed them below with images and links:

1. Is it possible to remove all image overlays over the entire site??

2.   https://carrot-whale-lsgz.squarespace.com/bespokework

 

1592260322_Screenshot2022-01-05at16_21_11.png.14ccedeb63e9279a914d2e71305916c2.png

 

3.  https://carrot-whale-lsgz.squarespace.com/bespokework

2146234825_Screenshot2022-01-05at16_24_16.png.4e3cdb0431a48f2060de8ac4d5cf985e.png

 

4. https://carrot-whale-lsgz.squarespace.com/process

2076538207_Screenshot2022-01-05at16_24_58.png.85e8b07a9f63194e4082c2947af118b6.png

 

5. https://carrot-whale-lsgz.squarespace.com

844327088_Screenshot2022-01-05at16_25_46.png.72484de71930d36445c4e2129cd57df6.png

 

6. https://carrot-whale-lsgz.squarespace.com/contact

899931300_Screenshot2022-01-05at16_29_30.png.85702f3ab1732159a211a292f39b4324.png

 

 

If you can help, it would be much appreciated! Thank you in advance. 

Edited by harrydimond
remove login details as per instruction
Link to comment
  • Replies 3
  • Views 506
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Don't share login info here.

#1. Looks fine here. Can you take a screenshot of image with overlay?

#2. Add to Design > Custom CSS

/* List title items spacing */
.user-items-list {
    padding-top: 5px !important;
}

#3. Add to Design > Custom CSS

/* Need inspiration gap */
div#block-ee7acfed9b47fe963932 h3 {
    margin-bottom: 0px;
}
.user-items-list {
    padding-bottom: 5px !important;
}

#4. Add to Design > Custom CSS

/* Process 4 columns */
@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="6149caf8ed8271425783492a"] {
    grid-template-columns: repeat(4,1fr) !important;
}
}

#5. Add to Design > Custom CSS

/* nav links to buttons */
.header-nav-item>a {
    background-color: white;
    color: black !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#6. Add to Design > Custom CSS

/* Form font */
.option *, .description {
    font-family: 'APERCU MONO' !important;
}

 

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
17 minutes ago, tuanphan said:

Don't share login info here.

#1. Looks fine here. Can you take a screenshot of image with overlay?

#2. Add to Design > Custom CSS

/* List title items spacing */
.user-items-list {
    padding-top: 5px !important;
}

#3. Add to Design > Custom CSS

/* Need inspiration gap */
div#block-ee7acfed9b47fe963932 h3 {
    margin-bottom: 0px;
}
.user-items-list {
    padding-bottom: 5px !important;
}

#4. Add to Design > Custom CSS

/* Process 4 columns */
@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="6149caf8ed8271425783492a"] {
    grid-template-columns: repeat(4,1fr) !important;
}
}

#5. Add to Design > Custom CSS

/* nav links to buttons */
.header-nav-item>a {
    background-color: white;
    color: black !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#6. Add to Design > Custom CSS

/* Form font */
.option *, .description {
    font-family: 'APERCU MONO' !important;
}

 

Thanks so much - they all work except #4, the colums still go from 4, to 3 to 2 as you shrink the screen. Is it possible to keep it 4 and then to 2 and then to 1? It looks very awkward with 3 and then 1 below.

And also #5 - i want the words in the nav bar to be clickable so if i was on a random page and wanted to go back to 'about', I could click and it would take me to the 'about us page' for example. Is that possible?

 

Thanks again so much for your help!

Harry

Link to comment
12 hours ago, harrydimond said:

Thanks so much - they all work except #4, the colums still go from 4, to 3 to 2 as you shrink the screen. Is it possible to keep it 4 and then to 2 and then to 1? It looks very awkward with 3 and then 1 below.

And also #5 - i want the words in the nav bar to be clickable so if i was on a random page and wanted to go back to 'about', I could click and it would take me to the 'about us page' for example. Is that possible?

 

Thanks again so much for your help!

Harry

#4. The code works with screen 768px or higher. Which screen size do you see problem?

#5. I think need jQuery code, you can post in a new topic, someone maybe help you with this

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.