Jump to content

Centering Items Issue Using CSS

By Ognio, in Customize with code

Go to solution Solved by Ognio,

Recommended Posts

Ognio Level 4

Ognio

Posted
Posted

Site URL: https://www.quintilianschool.ca/

I recently launched a website for a client and all was well in the world. No issues, no bugs...client got what they asked for (even if some of it wasn't my favourite...lol).

Anyways, all of a sudden there are centering issues site wide for 1368px and below. Mostly it is just text headers but also a few images are acting weird. Issue only presented itself after this new Fluid Engine update...smh...so silly. Website is running on 7.1 Classic Builder.

I am using basic code for my centering of text on certain aspect ratios (as seen in attached image).

Idk if I'm dumb or the Fluid Engine update is...either way I'm super frustrated and ready to leave the platform.

Any help would be great...thanks.

screenshot-quintilianschool.squarespace.com-2022.07.27-21_59_41.png

Link to comment
  • Replies 2
  • Views 253
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ognio
Ognio

Site URL: https://www.quintilianschool.ca/ I recently launched a website for a client and all was well in the world. No issues, no bugs...client got what they asked for (even if some of it wasn't my

Beyondspace
Beyondspace

Which text are you referring to?

Ognio
Ognio

@bangank36 Thanks for your reply. I actually managed to fix the issue shortly after posting. Basically I had to target my h1, h2, h3, and h4 classes on each individual page. The global change to

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted (edited)
1 hour ago, Ognio said:

Site URL: https://www.quintilianschool.ca/

I recently launched a website for a client and all was well in the world. No issues, no bugs...client got what they asked for (even if some of it wasn't my favourite...lol).

Anyways, all of a sudden there are centering issues site wide for 1368px and below. Mostly it is just text headers but also a few images are acting weird. Issue only presented itself after this new Fluid Engine update...smh...so silly. Website is running on 7.1 Classic Builder.

I am using basic code for my centering of text on certain aspect ratios (as seen in attached image).

Idk if I'm dumb or the Fluid Engine update is...either way I'm super frustrated and ready to leave the platform.

Any help would be great...thanks.

screenshot-quintilianschool.squarespace.com-2022.07.27-21_59_41.png

Which text are you referring to?

image.thumb.png.06e53b89919af30d05317073809258d7.png

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • Solution
Ognio Level 4

Ognio

Posted
  • Author
  • Solution
Posted (edited)

@bangank36 Thanks for your reply.

I actually managed to fix the issue shortly after posting. Basically I had to target my h1, h2, h3, and h4 classes on each individual page. The global change to the website no longer worked...strange but I think the Fluid Engine rollout caused issue.

Thanks!

Edited by Ognio
Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources