TGF-FC
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by TGF-FC
-
-
I should also add that I made the logos closer together and corrected some spacing with the following CSS.
@media only screen and (min-width: 951px){ footer .sqs-col-2 { width: 13%; } } @media only screen and (min-width: 951px){ footer .sqs-col-2 #block-yui_3_17_2_1_1660205166960_36647,#block-yui_3_17_2_1_1660205166960_31252, { margin-left: 10px; } footer .sqs-col-2 #block-yui_3_17_2_1_1644406133394_26249, { margin-left: 5px; } }
-
Site URL: https://kanaconsult.com/
Hi there,
Hoping someone can help. I have four logos in the footer of my clients' site and would like to right align them. See attached screenshot.
In mobile view, I'd also like to have them in 2 or 3 columns (as on 2nd attachment)
Been trying to find a solution to no avail.
URL is https://kanaconsult.com/
Many thanks!
-
Just worked this out! Here's the CSS if anyone else needs it:
.sqs-block-image:not(#block-yui_3_17_2_1_1637835061183_5096,#block-yui_3_17_2_1_1637838638129_11479,#block-yui_3_17_2_1_1637835290044_5334) .design-layout-inline .intrinsic { margin-left: 0!important; }
Just add your own block IDs between the brackets ( )
-
Site URL: https://dandelion-tarantula-wd3n.squarespace.com/about-2
I've used some CSS to left align all the images on a site I'm designing, as follows:
.sqs-block-image .design-layout-inline .intrinsic { margin-left: 0; }
But now I have a couple of images on the site that I would like to center align. Is there a way to do this in CSS?
The site is: https://dandelion-tarantula-wd3n.squarespace.com/ and the password is: 97Jf9iGQ4rRc$H&x.
Many thanks!
Alignment of images in footer and 2 columns on mobile
in Site Design & Styles
Posted
This is perfect, thank you so much!!
I used the same code to change the logos to run over four 'columns' on mobile.