-
Posts
42 -
Joined
-
Last visited
Reputation Activity
-
Pocamuffin reacted to tuanphan in Flatiron Grid – image over two columns? – See attached image
Hi,
No way to do this. If you increase an element, it will definitely create white space for some other elements. Unless you change the whole layout to Grid, then can be adjusted more easily. But as it is, I guess you'll need to resize manually a lot of the images.
-
Pocamuffin reacted to tuanphan in How to add some space/padding on the left of the page? – Flatiron
Add to Design > Custom CSS > Then save & reload the site
/* Main content padding */ div#grid { margin-left: 35px !important; margin-right: 35px !important; width: calc(~"100% - 70px") !important; }
-
Pocamuffin reacted to tuanphan in How to add some space/padding on the left of the page? – Flatiron
You want to do for all pages or home page only or other pages only?
-
Pocamuffin reacted to tuanphan in How to add some space/padding on the left of the page? – Flatiron
Try this new code
/* Main content padding */ body:not(.homepage) div#grid { margin-left: 35px !important; margin-right: 35px !important; width: calc(~"100% - 70px") !important; }
-
Pocamuffin got a reaction from Beyondspace in Date format on the blog – possible to change? I'm in the UK!
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>
-
Pocamuffin got a reaction from tuanphan in Date format on the blog – possible to change? I'm in the UK!
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>
-
Pocamuffin reacted to paul2009 in Share button on blog – How to hide?? Flatiron
There isn't a feature for this; it will require some JavaScript to read the dates and format them correctly for the UK.
-
Pocamuffin reacted to tuanphan in Flatiron - Anyone know how to get the social icon links to the top?
Hi,
2 options to do this
Option 1. (Business Plan or higher). Use script code to move it from bottom right to your desired position
Option 2. (Personal Plan) Follow these steps
2.1. Edit Site Footer >> Add a Code Block in Instagram position >> Paste this code
2.2. Add a Link Item in Main Navigation, after ALEX with
Name: IN URL: https://www.instagram.com/alextreadway/ 2.3. When you're done, let me know. We will give the code to change IN text to Instagram icon
-
Pocamuffin reacted to tuanphan in Flatiron - Anyone know how to get the social icon links to the top?
Add to Design > Custom CSS
header#topBar a[href*="instagram"]:before { content: "\f16d"; font-family: "Font Awesome 5 Brands"; visibility: visible; } header#topBar a[href*="instagram"] { visibility: hidden; }
-
Pocamuffin reacted to tuanphan in How can I change social icons to the top or on the header for Flatiron template ?
#1. Use this code
time.published { font-family: 'National2Condensed' !important; font-weight: normal !important; } #2. Add to Design > Custom CSS
header#topBar a[href*="instagram"]:before { content: "\f16d"; font-family: "Font Awesome 5 Brands"; visibility: visible; } header#topBar a[href*="instagram"] { visibility: hidden; }
-
Pocamuffin reacted to tuanphan in How can I change social icons to the top or on the header for Flatiron template ?
#1. Use this CSS
time.published { font-family: 'National2Condensed' !important; } #2. Icon next to Alex icon?
-
Pocamuffin reacted to paul2009 in Share button on blog – How to hide?? Flatiron
Add this:
#navigator article .sidebar .social-like { display: none; } Notes:
1. This is CSS. Add to Design > Custom CSS.
2. This is for the Flatiron template only.
If this post was helpful, please click an icon below ⬇️