colin.irwin
-
Posts
3,619 -
Joined
-
Last visited
-
Days Won
92
Reputation Activity
-
colin.irwin got a reaction from artpimpress in Decreasing Section Padding Squarespace 7.1
There is a min-height of 33vh set on sections. You need to override that to get the sections smaller.
For all sections this would be:
.page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.
Somethig like this:
.page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }
-
colin.irwin reacted to natasha2 in Removing blank spaces between page sections on Index Pages
Thank you that's amazing!
-
colin.irwin got a reaction from SalmaMaged in Removing blank spaces between page sections on Index Pages
The default section padding is 96px at the top and bottom.
Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer.
@sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
-
colin.irwin got a reaction from Asiya in Removing blank spaces between page sections on Index Pages
The default section padding is 96px at the top and bottom.
Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer.
@sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
-
colin.irwin got a reaction from Asiya in Removing blank spaces between page sections on Index Pages
It depends upon the template you are using.. Can you share the template name and also a url to the site?
-
colin.irwin got a reaction from ebRa in Text Outline/Drop Shadow in Navigation in Aviator
This puts a grey 'glow' behind your navigation links. Put it in your custom css.
nav#main-navigation { text-shadow: 0px 0px 3px #aaa; } The parameters (in order) are
Horizontal shadow offset - currently set to 0px so it sits behind the image) Vertical shadow offset - currently set to 0px so it sits behind the image) Blur radius - set to 3px so that it casts an omnidirectional shadow. Reduce this value to make the shadow sharper. Color - currently set to a mid gray -
colin.irwin got a reaction from giuffd01 in Move Buttons on Cover Page down for Mobile on Jasper Template
Try somthing like this in your custom css
@media only screen and (max-width: 640px) { .sqs-slice-group.group-copy { padding-top: 147px; } } Then play with the padding-top value to get something that works well across mobile devices.
-
colin.irwin got a reaction from sssupers in Move Buttons on Cover Page down for Mobile on Jasper Template
Try somthing like this in your custom css
@media only screen and (max-width: 640px) { .sqs-slice-group.group-copy { padding-top: 147px; } } Then play with the padding-top value to get something that works well across mobile devices.
-
colin.irwin got a reaction from Flock in Text Outline/Drop Shadow in Navigation in Aviator
This puts a grey 'glow' behind your navigation links. Put it in your custom css.
nav#main-navigation { text-shadow: 0px 0px 3px #aaa; } The parameters (in order) are
Horizontal shadow offset - currently set to 0px so it sits behind the image) Vertical shadow offset - currently set to 0px so it sits behind the image) Blur radius - set to 3px so that it casts an omnidirectional shadow. Reduce this value to make the shadow sharper. Color - currently set to a mid gray -
colin.irwin got a reaction from failbetter in Decreasing Section Padding Squarespace 7.1
There is a min-height of 33vh set on sections. You need to override that to get the sections smaller.
For all sections this would be:
.page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.
Somethig like this:
.page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }
