Jump to content

How to get blocks to align?

Recommended Posts

  • Replies 13
  • Views 2.4k
  • Created
  • Last Reply

Top Posters In This Topic

On 7/5/2021 at 10:34 PM, Celeste_Woodside said:

Site URL: https://koi-moose-nw8a.squarespace.com/

Hi! Can anyone help me get the three image blocks (green circles) on this page to align?

https://koi-moose-nw8a.squarespace.com/screening-services

Site password is: IWPCAPITAL

TIA!!

 

Add to Design > Custom CSS

/* Screening services icons */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1624654419639_3287+.row {
    display: flex;
    align-items: center;
}
}

 

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 years later...

I'm trying to do a couple of things in my site, firstly on my smaller mobile screen the menu cross doesn;t align to the far right of the image (See attached)?

Secondly, I can't get rid of the white block on the black page of my site (see attached)? The other page is white but I want this whole page to be the black.

IMG_5463.PNG

Screenshot 2023-08-07 at 08.54.31.png

Link to comment
On 8/7/2023 at 3:49 PM, maboli said:

I'm trying to do a couple of things in my site, firstly on my smaller mobile screen the menu cross doesn;t align to the far right of the image (See attached)?

Secondly, I can't get rid of the white block on the black page of my site (see attached)? The other page is white but I want this whole page to be the black.

IMG_5463.PNG

Screenshot 2023-08-07 at 08.54.31.png

The site is private. Can you setup an access password? We can access easier

https://forum.squarespace.com/topic/216243-how-to-setup-password-share-site-url/

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
21 hours ago, maboli said:

https://vanilla-bell-2gmh.squarespace.com/

PW: studionhdev

Basically, I need to make a footer a different colour on the info page.

Secondly, the menu bar needs to align to the right, it looks fine on the desktop mobile (iPhone 12mini) view but when I view it on my phone it doesn't line up with the image below.

 

#1. Add to Design > Custom CSS (or Website > Website Tools > Custom CSS)

/* About Page - Footer background */
body#collection-64ccd813d8f9701a999d5555 footer.sections * {
    background-color: black !important;
}

#2. Add to Custom CSS

/* align burger - image */
@media screen and (max-width:767px) {
button.header-burger-btn.burger {
    padding-right: 0 !important;
}
.burger-box {
    margin-right: -5px;
}
}

 

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/10/2023 at 2:55 PM, maboli said:

Is there also a way of locking the content on the desktop views for all the pages, so it does scroll?

Add to Custom CSS

@media screen and (min-width:992px) {
	body {
		overflow: hidden;
}
}

 

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
  • 1 month later...

Do you have any recent code which will help me move the text underline when using the highlight tool, away from the base of the text a bit more than the standard, the code I found in the archive didn't seem to work.

It's the 'Services' heading line I want to move down.

I started this in a new conversation for this, but haven't had any useful responses as yet, so thought I'd put it on here?

Link to comment
On 9/28/2023 at 6:33 PM, maboli said:

Do you have any recent code which will help me move the text underline when using the highlight tool, away from the base of the text a bit more than the standard, the code I found in the archive didn't seem to work.

It's the 'Services' heading line I want to move down.

I started this in a new conversation for this, but haven't had any useful responses as yet, so thought I'd put it on here?

I don't know this, but I can help you create new underline (Same as current) with code, then we can use CSS code to add spacing

What do you think?

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.