ncast21

Sure here it is: https://www.solandsand.co/blog/sup-lakeside-elopement-in-south-texas

Hi, I'm having this same issue. My Miscellaneous font looks fine in desktop view but in mobile view it looks larger. Making the overall font size smaller in the styles panel to correct the mobile view leaves it too small to read in desktop view. I'm looking to target the font size for my miscellaneous font only in mobile view, I haven't found much luck finding the specific CSS to target this. Hoping you can help, here are images of the Desktop and mobile view (the Misc font is the tags below the button "South Texas | Lake Casa Blanca International State Park...").

Awesome! Thank you, this worked perfectly.

Yes that's how it would look formatted correctly @tuanphan, currently on safari and mobile it's looking like this image. on Chrome Desktop it seems to appear fine.

Ok, it seems the solution was as simple as stretching out the code block past the items on the left so once it loads out of editing mode it won't need to stretch to fill the space it needs. I guess because the code was trying to stretch to fit before it just took everything along with it.

Hi! I'm also having issues getting my custom font to show on mobile view and desktop on Safari. On Chrome desktop everything looks as it should but no luck otherwise. https://solandsand.co Everything seems to look right code wise, but here's my code for your reference: /**ADD CUSTOM FONT**/ //Headings:Brewery Pro @font-face { font-family:'Brewery Pro'!important; src:url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df753671d3ea1fb3719661/1709143350257/Linotype-BreweryPro-Bold.woff') format('woff'); } h1, h2, h3, h4, .user-items-list .list-section-title, .list-item-content .list-item-content__title, .blog-basic-grid--text .blog-title, .grid-main-meta .grid-title, .newsletter-form-header .newsletter-form-header-title, .blog-item-title .entry-title.entry-title--large.p-name{ font-family:'Brewery Pro'; letter-spacing:.025em; line-height: 1em; } //Headings:Luminaire Script @font-face { font-family:'Luminaire Script'!important; src:url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df736a74a7475879cfc1c9/1709142890585/LuminaireScript-Regular.woff') format('woff'); } //Headings & Paragraph:Gill Sans Nova SemiBold @font-face { font-family: 'Gill Sans Nova SemiBold'; src: url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df7392be757d5b056f0447/1709142930894/GillSansNova-SemiBold.woff') format('woff'); } Thank you for your help!

Hi! I am trying to get my footer newsletter block form to look like this. I've had no luck mixing codes so far. Please help!

https://solandsand.co/contact-form-page-copy Here are some reference pictures as well. I'm trying to add a photo and text to the right of my form but it ends up stretching the photo to the end of the form.

I'm also having this same issue! Hopefully someone replies here soon!