-
Posts
42 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Pocamuffin
-
Flatiron Grid – image over two columns? – See attached image
Pocamuffin replied to Pocamuffin's topic in Customize with code
OK many thanks for letting me know. Much appreciated.- 3 replies
-
- flatiron-template
- grid-gallery
-
(and 3 more)
Tagged with:
-
Flatiron Grid – image over two columns? – See attached image
Pocamuffin replied to Pocamuffin's topic in Customize with code
@tuanphan – Any ideas on this one? Would be great to be able to do this.- 3 replies
-
- flatiron-template
- grid-gallery
-
(and 3 more)
Tagged with:
-
Site URL: http://alextreadway.co.uk Is there any way to run one of the images in the Flatiron grid across more than one column? So that I can emphasise one or two by making them bigger. I'm guessing this is not possible that easily, is there any way? For example the 'Trekking Beyond' image in attached pic. I'd love to be able to do this! Thanks.
- 3 replies
-
- flatiron-template
- grid-gallery
-
(and 3 more)
Tagged with:
-
/* Main content padding */ body:not(.homepage) div#container-content { margin-left: 35px !important; margin-right: 35px !important; width: calc(~"100% - 70px") !important; } Thanks again – always appreciated.
- 8 replies
-
- flatiron-template
- padding
-
(and 3 more)
Tagged with:
-
- 8 replies
-
- flatiron-template
- padding
-
(and 3 more)
Tagged with:
-
@tuanphan – would you have an answer by any chance? Many thanks in advance. Alex
- 8 replies
-
- flatiron-template
- padding
-
(and 3 more)
Tagged with:
-
/* Flatiron: Add 8px white space between index items */ /* set the white space on each side of page */ #container-content { padding-left: 5px!important; padding-right: 0px!important; } #grid .item { margin-left:-5px; a { border: 5px solid #f7f6f5; } /* Overlay size on hover */ .wrapper { margin: 5px; } } #project .share-like { display: none !important; } span, .blog-item-wrapper .blog-meta-item a,.blog-item-wrapper .blog-meta-item { font-family: 'National2Condensed' !important; } time.published { font-family: 'National2Condensed' !important; font-weight: normal !important; } header#topBar a[href*="instagram"]:before { content: "\f16d"; font-family: "Font Awesome 5 Brands"; visibility: visible; } header#topBar a[href*="instagram"] { visibility: hidden; } #navigator article .sidebar .social-like { display: none; } @media screen and (max-width:640px) { header#topBar a[href*="instagram"]:before { display: block; } } body.view-list span.date { padding-left: 32px; }
- 8 replies
-
- flatiron-template
- padding
-
(and 3 more)
Tagged with:
-
Site URL: http://alextreadway.co.uk/journal Hi Squarespace people. So I've used some custom code on this site to add some padding around the images on the homepage, custom fonts etc. However it's pushed the content on my standard pages to the left hand side. How can I override this back again so it lines up nicely with the logo above? Any help much appreciated! Sharing my CSS below on separate post.
- 8 replies
-
- flatiron-template
- padding
-
(and 3 more)
Tagged with:
-
Date format on the blog – possible to change? I'm in the UK!
Pocamuffin replied to Pocamuffin's topic in Customize with code
So after some experimenting with other posts I've solved this. Solution here. Ad this code to settings/advanced/code injection See pic attached shows result <!-- Fix inconsistent blog date format on Squarespace 7.1 template --> <!-- Squarespace Forum 03-08-2021 --> <script src="https://stevenlevithan.com/assets/misc/date.format.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var dateformat = "dd mmmm yyyy"; var pubdate = document.querySelectorAll("time[datetime], time[pubdate], time.blog-meta-item--date"); for (var i = 0; i < pubdate.length; i++) { var d = new Date(pubdate[i].getAttribute("datetime") || pubdate[i].innerText); if ( pubdate[i].classList.contains('blog-meta-item--date') ) { d = new Date(document.querySelector('[itemprop="datePublished"]').getAttribute("content").split("T")[0]); } pubdate[i].innerHTML = d.format(dateformat); } }); </script> -
Border/padding on blog page? – FLATIRON
Pocamuffin replied to Pocamuffin's topic in Customize with code
Hi again @tuanphan If you have a fix for this, would be much appreciated. Essentially I just want to add 35px of padding to the left except the header and grid pages? Any idea?- 6 replies
-
- flatiron-template
- blog
-
(and 2 more)
Tagged with:
-
Border/padding on blog page? – FLATIRON
Pocamuffin replied to Pocamuffin's topic in Customize with code
Thanks. That's moved the date in nicely but not the line. also on other pages it hasn't moved content in - see two images here. Be great if everything could move in the same amount as the date (except grid pages which are good now)- 6 replies
-
- flatiron-template
- blog
-
(and 2 more)
Tagged with:
-
Border/padding on blog page? – FLATIRON
Pocamuffin replied to Pocamuffin's topic in Customize with code
By the way this is only happening because I'm using this CSS to add a white border on the grid page... /* Flatiron: Add 8px white space between index items */ /* set the white space on each side of page */ #container-content { padding-left: 5px!important; padding-right: 0px!important; } #grid .item { margin-left:-5px; a { border: 5px solid #f8f7f6; } /* Overlay size on hover */ .wrapper { margin: 5px; } }- 6 replies
-
- flatiron-template
- blog
-
(and 2 more)
Tagged with:
-
Border/padding on blog page? – FLATIRON
Pocamuffin replied to Pocamuffin's topic in Customize with code
@tuanphan Would you have a fix for this by any chance?- 6 replies
-
- flatiron-template
- blog
-
(and 2 more)
Tagged with:
-
Site URL: http://alextreadway.co.uk/journal Is there a way to add some space left of date/line on blog page so it lines up with the logo above? Thanks for the help!
- 6 replies
-
- flatiron-template
- blog
-
(and 2 more)
Tagged with:
-
Hi Tuaphan, thanks for your help on this it's almost perfect. The only glitch is on mobile the Instagram logo is slightly off centre. Any way to force it to centre? Thanks again.
- 7 replies
-
- flatiron-template
-
(and 2 more)
Tagged with:
-
Share button on blog – How to hide?? Flatiron
Pocamuffin replied to Pocamuffin's topic in Customize with code
Thanks for letting me know.- 4 replies
-
- share-buttons
- blog
-
(and 3 more)
Tagged with:
-
Share button on blog – How to hide?? Flatiron
Pocamuffin replied to Pocamuffin's topic in Customize with code
Thanks a lot, that did it. Would you know how to change the format of the date on the blog page? Right now it's: Saturday 09.18.21 However I'm in the UK so would prefer: 18th September 2021 Much appreciated Alex- 4 replies
-
- share-buttons
- blog
-
(and 3 more)
Tagged with:
-
Site URL: http://alextreadway.co.uk/journal Anyone know how to hide the 'Share' button under the date on blog pages? I'm using Flatiron. Thanks!
- 4 replies
-
- share-buttons
- blog
-
(and 3 more)
Tagged with:
-
Hi, (option 2) I've added the Code Block to the footer. It's not possible to put this code block where the social icon is currently positioned. Will this work? I've added the 'IN' link to the navigation. Screen grab here showing code block position. Many thanks for your help. Alex
- 7 replies
-
- flatiron-template
-
(and 2 more)
Tagged with:
-
Hi, the Instagram icon which is currently bottom right. Is there any way to move that to the top? www.alextreadway.co.uk
- 7 replies
-
- flatiron-template
-
(and 2 more)
Tagged with:
-
Amazing – thanks so much! The date has changed font which is great but it's making it bold. Any way to stop it making it bold? Re Social icon – yes just to the right of the navigation at the top would be great. No idea how to do this.
-
Site URL: http://alextreadway.co.uk/ So does anyone know how to get the social icon links at the top in the Flatiron template? Next to the navigation?
- 7 replies
-
- flatiron-template
-
(and 2 more)
Tagged with:
-
Site URL: http://alextreadway.co.uk/journal So I can change the font for everything on my site in CSS all except the date on the blog pages (http://alextreadway.co.uk/journal) – Any ideas anyone?
- 1 reply
-
- font
- flatiron-template
-
(and 3 more)
Tagged with: