Hannah1577

Individual posts please

I'd like to change the margins on all my blog posts so the text fills more of the page side to side. Right now it's in a weirdly slim column down the middle. Any ideas? Site is thistleandrosearts.co.uk/blog. Thanks!

You know what, I've worked it out. The inspect tool. I'll take it from here myself thanks Ziggy!

For anyone else reading, here's what I used in the end once I'd changed the blog style to masonry (seemed to lay things out more sensibly):

.blog-masonry .blog-title {
  font-family: 'Waymar'
}
.blog-masonry .blog-date {
  font-family: 'Open Sans';
  font-size:1.4rem
}
.blog-item-wrapper .blog-item-title h1.entry-title {
  font-family: 'Waymar';
}
.blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span {
 font-family: 'Gistesy';
 font-size:4rem
}
.item-pagination-link .item-pagination-title {
  font-family: 'Waymar'
}

Hi Ziggy, ah yes I can see that now! Sorry. Ok so I understand how to structure the code snippet but could you tell me what the equivalent of  ".blog-item-wrapper .blog-item-title h1.entry-title" and ".blog-basic-grid .blog-title" would be for the dates, blog context and the title of the next and previous posts would be? Or how I find that out for myself? Honestly I can't thank you enough for helping me figure this out!

I thought so too. I've tried that !important addition and it's still not changing. I've also tried changing the h1 in your code to h2, h3 and h4 with no change.

I've copied that in and saved it but I don't think anything has changed unfortunately! Do I need to add specific "blog" h1, h2, h3 etc markers in addition to those I already have?

@font-face {
font-family: Waymar;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/6421791787382f41bd00da66/1679915287599/Waymar+Regular.ttf);
}
@font-face {
font-family: Gistesy;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/64217924a75c0a170c610f23/1679915300121/Gistesy.ttf);
}
@font-face {
font-family: Open Sans;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/64217aed360f7e1365d7089a/1679915758017/OpenSans-Regular.ttf);
}
h1 {
font-family: 'Waymar';
}

h2 {
font-family: 'Gistesy';
}

h3 {
font-family: 'Waymar';
}

h4 {
font-family: 'Gistesy';
}

.sqsrte-large {
font-family: 'Open Sans';
}

p {
font-family: 'Open Sans';
}

.sqsrte-small {
font-family: 'Open Sans';
}

#site-title {font-family: 'Gistesy';
}
.list-section-title p{
  font-family: 'Waymar'
}

section[data-section-id="6421a56fbdb6376295cfd434"]{
  .user-items-list-item-container .list-item-content__title {
  font-family: Waymar !important; }
}

Hi Ziggy! Thanks for responding to this. Please see the CSS currently in place above. The blog is thistleandrosearts.co.uk/blog. It's live but unlinked for now. Thank you!

The site is thistleandrosearts.co.uk - that didn't show up with my post as expected!

I've used CSS to add custom fonts to my site as you can see, but I'm beginning to draft blog posts and the blog doesn't have my custom fonts like the rest of the site. How do I get the blog part of the site to conform to the CSS code which governs all the other pages? Or do I need to add additional code to change all my blog fonts to my custom ones separately? Thanks so much!