Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

RebelRuth's Achievements

  1. Hey Ziggy, Sure. So this website is for a client who is an artist, and the pages I'm having issues with are her title pages, as part of a portfolio. There are 4 sets of pages like these. (Stella McCartney, Selfridges, Chrome Hearts and Artist Collab). For example, if I click on the 'Selfridges' page, you can see especially on mobile view that the padding at the top is a little bit more than the bottom on the example below. I'd like the text to sit in the middle with even padding. The code that I have used is; To create a bit of space betweeen the title (Superself) and subtitle (Selfridges 2022), adjust font size of subtitle, the hover over code to reveal the text, and some other spacing coding below: /* section spacing on sub heading Selfridges*/ #collection-64437dcdecdf542720739ff5 { h1, h3 { margin: 0px !important; } h1{ margin-bottom: 20px !important; } } * Selfridges - Space between h3 subtitles */ body#collection-64437dcdecdf542720739ff5{ h1 {margin: 10px !important;}} @media only screen and (max-width:767px) { /* smaller h3 on selfrdiges Mobile projects page*/ #collection-64437dcdecdf542720739ff5{ h3 { font-size:13.5px !important; }} } /* section hover Selfridges*/ @media screen and (min-width:992px) { #collection-64437dcdecdf542720739ff5{ section:after { content: ""; background-color: rgba(0,0,0,0.0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease; } section:hover:after { opacity: 1; transition: all 0.3s ease; } section .html-block { opacity: 0; transition: all 0.3s ease; } section:hover .html-block { opacity: 1; transition: all 0.3s ease; }} } Happy to send you the whole code for the site, if that makes more sense! Thank you
  2. Hey @Ziggy I looked at the spacing, however didn't help Let me know if the above isn't clear and I can re-explain / start again! Best, Ruth
  3. @Ziggy Will take a look now, thanks for that suggestion!
  4. @Ziggy Me again but on another issue I'm having - could you help me here too?! I am very stuck!
  5. @Ziggy THANK YOU!! It works!! 😀
  6. Hey @Ziggy Thanks for that - I've just tried that and sadly nothing has changed. Can you think of any other solutions? Best Ruth
  7. Hi, Thank for the tips above, I've tried to apply the same to my footer and it works but only on one of the text ID blocks, really weird that it works on one and not the other! The code I am using is: @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1705006258059_14874, #block-c84e76b20faf907912e8, { text-align: center !important; }} You can see in the screenshot, I'd like the Go-to and Contact text boxes to be aligned centrally on mobile only. On desktop I have one aligned to the left and one aligned to the right which I am happy with. Website: www.claretestar.com Dodger50! Thanks in advance
  8. Hey @tuanphan Sadly the code above hasn't worked - is there anything else we can try? TIA
  9. Hey @tuanphan, are you able to help me with a solution? Thanks so much
  10. Hi @tuanphan, Yes for example, on a page like this > https://www.claretestar.com/stellamccartney PW Dodger50! It's on the mobile view. Thanks
  11. @tuanphan - https://rectangle-cardioid-z6nt.squarespace.com
  12. Hi all, I'm having a bit of trouble with some spacing. I've coded a bit of padding between my heading and subheading, however it has pushed down the text so the overall padding is a bit uneven. The code I have used is... body#collection-6464a7b405df9b56279099c1{ h1 {margin: 10px !important;}} Which has added 10px spacing between the text below 'Artistry' and 'Chrome Hearts', but as you can see, the gap at the bottom is now too small and uneven from the top spacing. I'd like to keep the 10px padding between the heading and subheading, but have even padding top and bottom. Can someone help? Thanks in advance! PW: Dodger50!
  13. Thank you @tuanphan - saved the day!
  14. Hello, I'm having a few problems with one of my clients' website. She would like a different version of her logo to be on a mobile view, I have tried some code but the image isn't showing in full. I've used this code: @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1692109429145_3484 img { content: url(https://static1.squarespace.com/static/62681359eb930e7e05951164/t/659f02656aaf303002d9c892/1704919653971/Clare_Logo_Dev_Final-06.png); height: auto !important; top: 0% !important; padding-bottom: 0% !important; transform: translateY(-50%); } } But this is how the image is showing? It's meant to be like this... What bit of code am I missing, to show this logo in full, but to still keep the logo the same on desktop? PW: Dodger50! https://rectangle-cardioid-z6nt.squarespace.com/config/?frameUrl=%2F Thanks in advance, Ruth
  15. Hi Tuanphan, Me again! Is there a way to disable this hover effect on a mobile view, please? Thanks, Ruth
  • 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.