Jump to content

Pocamuffin

Member
 View Profile  See their activity

  • Posts

    42

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Pocamuffin's Achievements

Level 4

Level 4 (4/20)

  • Circle Community Advocate Rare
  • Conversation Starter Rare
  • Dedicated Contributor Rare

Recent Badges

2

Reputation

  1.    Pocamuffin reacted to a post in a topic: Flatiron Grid – image over two columns? – See attached image
  2. Pocamuffin
    OK many thanks for letting me know. Much appreciated.
  3. Pocamuffin
    @tuanphan – Any ideas on this one? Would be great to be able to do this.
  4. Pocamuffin started following How to add some space/padding on the left of the page? – Flatiron , FLATIRON mobile menu cut off and Flatiron Grid – image over two columns? – See attached image
  5. Pocamuffin
    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.
  6.    Pocamuffin reacted to a post in a topic: How to add some space/padding on the left of the page? – Flatiron
  7.    Pocamuffin reacted to a post in a topic: How to add some space/padding on the left of the page? – Flatiron
  8.    Pocamuffin reacted to a post in a topic: How to add some space/padding on the left of the page? – Flatiron
  9. Pocamuffin
    /* 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.
  10. Pocamuffin
    All the pages except the homepage.
  11. Pocamuffin
  12. Pocamuffin
    @tuanphan – would you have an answer by any chance? Many thanks in advance. Alex
  13. Pocamuffin
    /* 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; }
  14. Pocamuffin
    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.
  15.    Beyondspace reacted to a post in a topic: Date format on the blog – possible to change? I'm in the UK!
  16.    tuanphan reacted to a post in a topic: Date format on the blog – possible to change? I'm in the UK!
  17. Pocamuffin
    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>
  18. Pocamuffin
    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
  19. Pocamuffin
    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?
  20. Pocamuffin
    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)
  21. Pocamuffin
    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; } }
  22. Pocamuffin
    @tuanphan Would you have a fix for this by any chance?
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources