gogreenmsu
Member-
Posts
68 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by gogreenmsu
-
Change Social Icon - Change the generic link icon
gogreenmsu replied to benediktfuhrmann's topic in Customize with code
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); }- 13 replies
-
- social-links
- social-sharing
-
(and 3 more)
Tagged with:
-
Change Social Icon - Change the generic link icon
gogreenmsu replied to benediktfuhrmann's topic in Customize with code
Thank you! I will give this a look!- 13 replies
-
- social-links
- social-sharing
-
(and 3 more)
Tagged with:
-
Change Social Icon - Change the generic link icon
gogreenmsu replied to benediktfuhrmann's topic in Customize with code
Business plan!- 13 replies
-
- social-links
- social-sharing
-
(and 3 more)
Tagged with:
-
Change Social Icon - Change the generic link icon
gogreenmsu replied to benediktfuhrmann's topic in Customize with code
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; }- 13 replies
-
- social-links
- social-sharing
-
(and 3 more)
Tagged with:
-
2 column image stacking on mobile?
gogreenmsu replied to pashapasha1570048753's topic in Customize with code
Worked perfectly; thank you very much!- 111 replies
-
- mobile
- stack-gallery
-
(and 1 more)
Tagged with:
-
2 column image stacking on mobile?
gogreenmsu replied to pashapasha1570048753's topic in Customize with code
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!- 111 replies
-
- mobile
- stack-gallery
-
(and 1 more)
Tagged with:
-
Prevent Text Block from Wrapping on Mobile
gogreenmsu replied to gogreenmsu's topic in Customize with code
That worked perfectly; thank you so much, Bangank! -
Disable transparent header menu background on mobile
gogreenmsu replied to gogreenmsu's topic in Customize with code
This worked perfectly, thank you! I will tweak the color and it'll be all done. Thank you again for your help with this! -
Prevent Text Block from Wrapping on Mobile
gogreenmsu replied to gogreenmsu's topic in Customize with code
boots135 🙂 -
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
-
Disable transparent header menu background on mobile
gogreenmsu replied to gogreenmsu's topic in Customize with code
Hi Creedon, It is boots135 -
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:
-
Overlap images and sections with 7.1
gogreenmsu replied to gregbarbosa's topic in Customize with code
Hi Tuanphan! Checking in on your thoughts, here! -
Overlap images and sections with 7.1
gogreenmsu replied to gregbarbosa's topic in Customize with code
Hi tuanphan, See here: Thanks -
Overlap images and sections with 7.1
gogreenmsu replied to gregbarbosa's topic in Customize with code
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