-
Posts
143 -
Joined
-
Last visited
DevonHarris's Achievements
-
McFlystrodamus reacted to a post in a topic: Move "reading time" under blog title
-
sorca_marian reacted to a post in a topic: Gap between announcement bar and header
-
@sorca_marian idk what happened but it's working now, thank you so much!!
- 8 replies
-
- announcement-bar
- navigation
-
(and 3 more)
Tagged with:
-
bummer it's not reflecting on my end 😞 I'm not sure what happened, but I also have the last nav item a button (in CSS) and that's not showing up either...
- 8 replies
-
- announcement-bar
- navigation
-
(and 3 more)
Tagged with:
-
hey! sure its www.stmarksrvc.org thank you!!
- 8 replies
-
- announcement-bar
- navigation
-
(and 3 more)
Tagged with:
-
DevonHarris reacted to a post in a topic: How do I change the bg color of the mobile hamburger menu (and the colors there in general)
-
DevonHarris started following Marquee - Every Other Item , Gap between announcement bar and header , SS site text block line spacing gone wonky. and 1 other
-
hey guys! I recently tried this code and it's not working, not sure why...seems that there are a few new not-so-easily-fixed issues with SS customization which should be 😞
- 8 replies
-
- announcement-bar
- navigation
-
(and 3 more)
Tagged with:
-
Mobile Menu Background Color Change
DevonHarris replied to Hamps's topic in Fonts, colors and images
hi @tuanphan I can't seem to get this code to work...trying to change the background color from pre-set red to white. I'm not sure where to find this setting in site styles 😕 www.stmarksrvc.org- 29 replies
-
- hamburger-icon
- menu
-
(and 2 more)
Tagged with:
-
hey @jessmall I just installed on my own website. Basically try following these steps: 1. Insert marquee 2. reduce width of marquee to button-width, you can do so by using the handles 3. Change the background color in CSS with the selector .Marquee (you can also apply a border, border-radius, and other things to disguise this marquee as a button) 4. Change the font color in CSS with the selector .Marquee * 5. Go into your block settings and be sure to link your marquee to the appropriate page, 6. Pro Tip- If you just want one or two of these on your website, be sure to add the Block ID before your selector in CSS. ***Example below*** #block-yui_3_17_2_1_1705517217512_9343{ .Marquee * { font-family: 'GothamBold' !important; font-size: 1.2rem; color:black; margin: .35rem; } .Marquee{ background-color: #daff60; border: 3px solid black; border-radius: 50px; } }
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
hey @tuanphan I was wondering if you were ever able to find a fix for this? The globe image should be moving (and in place of) all the pink text. I tried targeting 'even' content items within the marquee block, and changing the text to transparent and adding a background image, but that just forces the globe image to stay, wheras I would like it to scroll with the text. hoping you might have a good solution!- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
hey @tuanphan I'm trying to add the globe where the text is pink (and remove the pink text)- I have effectively targeted "every other" and colored it pink, now I just want to replace the text with the globe icon and make it scroll...Any ideas?- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
sure but it's not live yet. Password: Watson- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
So far this is the code that I used, without luck. I have successfully ID'd the 'even' element, but the image remains absolute. When position is changed to 'relative' or 'static', the image disappears off the page .Marquee *:nth-of-type(even) { color: transparent; background-image:url(https://static1.squarespace.com/static/5fd5fd7bc704802ff553283e/t/657a0322eb49b744657bc1f5/1702495010530/website-design-new-york-breakpoint-branding-globe-icon.png); background-size:contain; background-repeat:no-repeat; } The only other solution I can think of is using Chris Schwartz-Edmisten's scrolling logo plugin and insert images, then use the :nth-of-type(even) to toggle the item title on and off.- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
hey @tuanphan very similar but I was hoping to space the items evenly, I tried changing the item to have a background image, but the image then stays absolute rather than moving with the text 😞- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
Looking to add images to a scrolling marquee
DevonHarris replied to luciedemaid's topic in Customize with code
hey @tuanphan and @luciedemaid were you ever able to figure out a solution to this? I'm looking for the same 🙂- 13 replies
-
- marquee-template
- images
-
(and 2 more)
Tagged with:
-
hi! Wondering if anyone can assist me in targeting only certain items in the Marquee Block. I'm looking to change the font color on the 2nd, 4th and 6th items. I tried the following but it didn't work 😞. Hopefully someone has a solution! .Marquee * nth-child(2) { color:red!important; }
-
DevonHarris started following Remove Thumbnail on Hover and Making Instagram on mobile show 3 images per row
-
kayleigh reacted to a post in a topic: How to Add a Subhead to a List Block
-
Making Instagram on mobile show 3 images per row
DevonHarris replied to eclemons's topic in Customize with code
Hi @tuanphan, this works great except it's chopping off my instagram post image. the fr approach doesn't work at all. Any suggestions? -
Hi! I'm trying to remove the thumbnail image on hover of a list item. Unfortunately both visibility: hidden and display: none; still occupy space, although the thumbnail is gone. I need to remove the thumbnail and any space it occupies on hover, so the description text can occupy the entire space of the card. The below is the ideal hover state: Please let me know if you have any ideas!