vanessakrystin

I've already tried this method, it did not work to fix it. The only work around to making the H1 + H2 work is by putting it in a link with no pointer event 🤷🏻‍♀️

Site URL: https://orchid-flute-gfwg.squarespace.com/ Hi all, Can anyone help me with my coding? I'm pretty sure everything is correct, and it shows up fine on the mobile via Squarespace but on my phone, the custom fonts aren't showing up at all. I'm on an iPhone 8 Plus on Safari. Code // Custom Font // @font-face { font-family: Druk; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d79feed113772d538dfa60/1624743919175/Druk+Wide+Super.otf); } @font-face { font-family: Euclid; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d7a016d2d2442e68e90958/1624743958321/EuclidCircularA-Regular.ttf); } @font-face { font-family: Oaklinn; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d7a0fa2b37c143c11961f9/1624744186366/Oaklinn.otf); } // Custom Fonts Implement // p {font-family: Euclid;} h1 {font-family: Druk;} h2 {font-family: Euclid;} h3 {font-family: Druk;} h4 {font-family: Oaklinn;} h5 {font-family: Euclid;} button {font-family: Druk; font-size: 10px !important;} .sqs-block-button-element {font-family: Druk; font-size: 10px !important;} h3.portfolio-title { font-family: Druk !important; color: white !important; font-size: 15px !important; } .mobile-bar-wrapper *, h1 { font-family: Druk !important; } Any help would be appreciated!

@tuanphan yes exactly! with the 7 Day Trail being last.

Oops sorry it's public now!

Hi, I'm looking to change the order of my code blocks to go by row right-to-left instead of column but can't seem to get the coding right. I've tried the following, but I don't think I'm targeting the right block. I've also tried the individual #block-yui but it didn't work either. Anyone have any suggestions? @media only screen and (max-width: 640px) { div#pricing+.row, div#pricing2+.row { display: flex; flex-direction: row !important; }} Site: https://orchid-flute-gfwg.squarespace.com/book-now Thanks,

That worked, thank you so much!

Site URL: https://1931gallerybistro.com Hey there, Anyone know how I can fix this problem of the folder links having the arrows underneath each nav item? I've tried making the font size smaller, but it still has a line break for the arrow. Website: 1931gallerybistro.com Any advice would be appreciated, thanks!

@creedon That seemed to work the same, but unfortunately the positioning is still wonky. Should I be changing it from absolute to fixed?

@marsharosenblatt Wow this worked! Do you happen to know how I can fix the placement of the Twitch iframe though as it's coming up quite wonky on my end? contact-festival.com/stream Let me know if you can help, thanks!

Thank you so much!

Site URL: http://www.thisisblueprint.com Hey all, Does anyone know how I can change the line height in my forced mobile nav menu? And also how to add a manual link to the existing code? Code: /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; line-height: 1em; } } Let me know if you can help, thanks

Site URL: https://www.1931gallerybistro.com/ Hi all, Does anyone know what I've been doing wrong? I've added a custom button on my client's homepage and have coded it appropriately with HTML + CSS, and it shows how it should in the preview when editing, but if I go to the actual website url, it keeps picking up a default code that isn't anywhere in my Custom CSS. Code Box: <center><a href="https://order.online/store/1931-gallery-bistro-973113/en-US"><button class="homebutton"><h2>Delivery</h2></button></a></center> Custom CSS: .homebutton { background-color: none !important; border: 2px solid #ffffff; color: white; padding: 10px 30px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; border-radius: 40px; } .homebutton:hover { border-color: #ffffff; background-color: #23858c; transition: all 0.2s linear; transform: scale(0.9); } Please let me know if you can help! Thanks

Would you be able to share the code for swapping the site logo to a gif?! I've been looking forever for it but have no luck...

Unfortunately I've already tried that and it doesn't work. That references to the hover over images placed within each link, but not the BG of the page. I've found and attached the code that effects that file, but I'm not sure how to change it as I've tried [alt=...] without anything working. Do you have any suggestions?

I'm also looking into changing the forced Opacity Overlay on this page's (nicetrycreative.com/packages) background but I've tried your code while inputting my BG image url but it didn't do anything 😞 Do you have any other suggestions? Used: [data-image="https://images.squarespace-cdn.com/content/v1/5f41b993ec8a536cf1ca5b7a/1600397794700-UZIR481TQ63LIUEIDRZT/ke17ZwdGBToddI8pDm48kNvT88LknE-K9M4pGNO0Iqd7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1USOFn4xF8vTWDNAUBm5ducQhX-V3oVjSmr829Rco4W2Uo49ZdOtO_QXox0_W7i2zEA/NiceTry_ContactPage.jpg?format=2500w"] { opacity: 1; } Do I need to add something before the [data-image..]?