Pocamuffin
-
Posts
42 -
Joined
-
Last visited
Pocamuffin's Achievements
-
Pocamuffin reacted to a post in a topic:
Flatiron Grid – image over two columns? – See attached image
-
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. -
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. -
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.
-
Pocamuffin reacted to a post in a topic:
How to add some space/padding on the left of the page? – Flatiron
-
Pocamuffin reacted to a post in a topic:
How to add some space/padding on the left of the page? – Flatiron
-
Pocamuffin reacted to a post in a topic:
How to add some space/padding on the left of the page? – Flatiron
-
/* 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.
-
All the pages except the homepage.
-
@tuanphan – would you have an answer by any chance? Many thanks in advance. Alex
-
/* 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; }
-
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.
-
Beyondspace reacted to a post in a topic:
Date format on the blog – possible to change? I'm in the UK!
-
tuanphan reacted to a post in a topic:
Date format on the blog – possible to change? I'm in the UK!
-
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>
-
Site URL: http://alextreadway.co.uk/journal Does anyone know how to change the date format on blog pages? Right now it's: Wednesday 10.13.21 I'm in the UK so would be much better like this for example: 13th October 2021 Is there a fix somehow? Thanks Alex
-
Pocamuffin reacted to a post in a topic:
How can I change social icons to the top or on the header for Flatiron template ?
-
Pocamuffin reacted to a post in a topic:
How can I change social icons to the top or on the header for Flatiron template ?
-
Pocamuffin changed their profile photo
-
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.
-
Hi – this is the link to the site: http://alextreadway.co.uk/ There's two things I can't seem to do. First, I can change every font in CSS except the date on the blog... http://alextreadway.co.uk/journal I would also like to have the social link (instagram icon) at the top near the navigation. Is there a way to do this? Any help much appreciated. Thanks, Alex
-
Hi - thanks for reply. I'm working on a new site, as soon as it's live I'll send the link.
-
Did you get a solution for this? Thanks.
