Jump to content

gogreenmsu

Member
  • Posts

    68
  • Joined

  • Last visited

Everything posted by gogreenmsu

  1. I was able to figure it out with this code: .icon[aria-label="URL"] svg { visibility:hidden; } .icon[aria-label="URL"] { background-image: url(image.png); background-size: cover; background-repeat: no-repeat; transform:scale(1); }
  2. Hi @tuanphan, I don't intend to hijack this thread. That said, I found some CSS code that allowed me to use a custom image for the social icons in the header. The problem, though, is that those social icons don't match in the footer. Also, on mobile, the custom icons do not appear at all. Any help on this? site: http://www.takebackyourcareerpodcast.com password: boots135 Code I am using: //Social Icons - Apple Podcast// @media only screen and (min-width:640px) { .icon--fill:nth-of-type(1) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/5f69447dc6605c1f7a7ec913/t/5faaddb16f08616716072cac/1605033393260/iu-5.png); background-size: 100%; background-repeat: no-repeat; } } .header-menu-actions-action:nth-of-type(1) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/5f69447dc6605c1f7a7ec913/t/5faaddb16f08616716072cac/1605033393260/iu-5.png); background-size: 100%; background-repeat: no-repeat; }
  3. Hi Tuanphan, I tried some tweaking of the code you provided in this thread but no luck. I am hoping you could assist yet again! I am trying to have the three (3) side-by-side podcast buttons not stack on mobile. http://www.takebackyourcareerpodcast.com password: boots135 Thank you!
  4. This worked perfectly, thank you! I will tweak the color and it'll be all done. Thank you again for your help with this!
  5. Site URL: http://www.takebackyourcareerpodcast.com Hi there, I am wondering if there is a way to prevent a text block from wrapping. For example I have a title that is one line on desktop but then turns to two lines on mobile. Ideally the two text blocks would shrink to the screen width instead of wrapping. Is this possible? I am using 7.1. Thank you
  6. Site URL: http://www.takebackyourcareerpodcast.com Hello, I have the transparency setting turned to ON for my site so that the header image is present behind the header menu. However, what I am trying to do is have the menu header on MOBILE not be transparent and, instead, for it to be a colored background (i.e. not show the image like it does on desktop). Thank you! Current: Goal:
  7. Hello, I am having difficulty with this, too. I am looking to use a singular image that spans the height (and width) of my entire home page instead of having the image be cut off at the end of the section that it is in. https://www.takebackyourcareerpodcast.com/ password: boots135 Example: https://www.thefridayhabit.com/ (see background image is spanning all sections, so it appears). Thank you
×
×
  • 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.