Jump to content

tonicastudio

Circle Member
  • Posts

    20
  • Joined

  • Last visited

Personal Information

tonicastudio's Achievements

  1. Site URL: http://tonicabrandstudio.com/brand-strategy I'm trying to fix this grid view on mobile so that the text is wider and centered. I'd even be ok with getting rid of the boxes altogether if need be. Thank you!
  2. Site URL: https://brightenmade.com/portfolio Hi, wondering if anyone knows how to stagnate each post within a summary block so it looks like this? Thanks!
  3. Does anyone know how to make the arrows in a summary carousel block look like this? And how to change the title text? Thank you! https://www.januarymade.co.nz/vip-day n
  4. Does anyone know how to create a text box like this with different fonts/font sizes within the same text block? Thank you!
  5. @tuanphan thank you! and I just checked my site in an incognito browser and it's all working good on my end. Let me know if you have trouble accessing it now.
  6. Amazing! I just c&p the jQuery you've provided into the header and now it works! Thank you so much! I do have another question related to this if you get another moment to help. I've added the below code into design>css to decrease the portfolio section's height/padding, which worked perfectly. But now, the images/gifs are cut off on desktop (works fine on mobile). Any idea why that is? I've played around with different height values but it didn't seem to work. /* portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; }
  7. @creedon So I installed the code in the portfolio page> settings>advanced>page header code injection (second picture attached). Sorry, do you mean the individual project page's settings? I just tried to insert it in the individual project's page but there isn't a place to c&p the code?
  8. @creedon hmm still doesn't seem to work. I copy and pasted the link exactly as is in the portfolio page's code header injection, but the link is still showing up 🤷‍♀️
  9. @creedon so close! it does work, but now the images are not showing up at all or the background fill doesn't change colour. I've seen it done in the second section of this website if it helps: https://standoutsquare.space/
  10. @tuanphan thank you! Sorry, I have a couple of different threads going, asking questions in different places. But this works great, thank you so much!! But now, there's an issue with the images on hover. They are cutting in half on desktop, but working fine on mobile. any idea why that is?
  11. Site URL: http://tonicabrandstudio.com I've added code to minimize the top and bottom padding on my portfolio section. But as soon as I added in the code, the images that show up on hover cut in half on desktop (shows up fine on mobile). Anyone have an idea what's going on here? I've messed around with different height values etc but nothing seemed to work. site: tonicabrandstudio.com pw: australia menu > example Here's the code that I've used to remove the portfolio section: /* portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; } } Thank you!
  12. Hey, is it possible to do something like this for portfolio sections? I am using a portfolio on hover where gifs are showing as the picture but would like to make those individual project links unclickable. site: tonicabrandstudio.com pw: australia then go to menu>example. Thank you!
  13. @tuanphan Amazing!! You're a life saver thank you! That fixed the padding, but there is one issue... The Images are cut in half now on desktop, but showing up fine on mobile. Any idea why that is? This is the updated code that I've slightly changed. I even messed around with the heights to see if that was the problem but the images are still cutting on in desktop view. /* Example page portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; } }
  14. Oh btw, I've since removed the above code you've provided. So now you'll see the text sits in the middle of the section once again with excessive padding on top and bottom. Just trying to get rid of the padding.
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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