johnpaulstuthridge
-
Posts
24 -
Joined
-
Last visited
johnpaulstuthridge's Achievements
-
I'm trying to change my website Heading Font from Minion Pro (built-in font) to one that is not currently there (Big Caslon FB). I've applied the code and font upload in CSS and can see changes on almost all heading text across the website, but... Two problems: 1. Not all heading text elements have changed. For example, summary block text, blog titles on blog collection page, newsletter form title. There may be custom code already which has changed the sizing or spacing elements of the default heading font applied in those places (Minion Pro), but why won't the new font uploaded apply to even with any spacing or sizing changes in specific places? You can't select the new font for these in Fonts settings because the new font doesn't exist there, it's uploaded via CSS. 2. Because it is one new font uploaded, italics do not work since that is considered a separate font. It just slants the text instead of a proper italics version (Canva can do it, but not in Squarespace it seems). On the blog page you can see a clear example of these two problems: Any help really appreciated!
-
Hey that works great! However it's made the margins slightly smaller for mobile for some reason. It would be great if it left mobile as the default margins, just coded for desktop only. Is that possible?
-
Is there a way to adjust the width of a specific section? The current section is the widest it can go without stretching it to full width. I need CSS to be able to add more width to the section at my control. And with the ability to adjust it slightly for mobile too. Current position attached and an ideal example.
-
That works amazingly well, thank you! - It has removed the cross into a X shape, which is fine, but was that supposed to happen?
-
I'm trying to change the overall size of the hamburger icon for mobile only. I need it smaller (width and length). I've tried code from these forums which adjusts the width only, but this is only half of the job. It also looks to me like it is not fully left-aligned. It is further away from the left side than the cart icon from the right side, and you can see this more when the overlay menu is opened and it is inset further to the centre than the menu items itself. Any ideas how to adjust that so it is fully on the left? Ideal example and current website screenshots attached: https://www.manfortoday.com
-
Works great, thank you!
-
https://www.manfortoday.com/journal I've managed to change the size and alignment better, but it still needs to target just the first P1 paragraph, not any other P styles (2,3, miscellaneous)
-
The code worked, kind of. The code capitalised a P2 style too, which you can see in the photo. I should've said, I need it to target only P1 style.
-
I want to add a drop cap to the first paragraph (that is styled in P1) for every blog post without manually adding the code block to every page. Other tutorials only share how to manually do it. Any ideas? Hope you can help.
-
7.1: Blog Post & Basic Author Counts?
johnpaulstuthridge replied to teresa-t's topic in Pages & Content
Need an answer too. -
You can see where I've injected the code and changed the date format accordingly, but the meta data date format on the blog collection page still won't change.
-
CSS to limit blog excerpt to three lines?
johnpaulstuthridge replied to HoZ's topic in Customize with code
Trying to use this now on my blog collection page, but won't work. Blog excerpts still going over the limit with no ellipses. -
Sorry, use the site URL with slug: /dress-code-cheat-sheet You'll see it then.
-
It's in the footer as a link 'Newsletter'
-
manfortoday.com Password: mft1996
