Jump to content

Pocamuffin

Member
  • Posts

    42
  • Joined

  • Last visited

Reputation Activity

  1. Like
    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.
  2. Like
    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; }  
  3. Like
    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?
  4. Like
    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; }  
  5. Like
    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>
  6. Like
    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>
  7. Like
    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. 
  8. Thanks
    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
     
  9. Thanks
    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; }  
  10. Thanks
    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; }  
  11. Thanks
    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?
  12. Thanks
    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  ⬇️ 
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.