-
Posts
143 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by DevonHarris
-
@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:
-
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; }
-
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!
-
Hi! I'm trying to make my h2 tag overflow off the page. Below is an example of the desired result. I'm looking for the letters to actually be cut off at the edge of the page...the "services" text is slightly overflowing the page. Any ideas on how to make this possible? Don't want to hinder SEO by making it an image. Would prefer to use a text block. Thank you so much for any help you can give!
-
Move "reading time" under blog title
DevonHarris replied to Karenlara's topic in Customize with code
Hi guys, is there a way to add this to the metadata when the blog is viewed in a summary block? Like this:- 16 replies
-
- code-injection
- css
-
(and 2 more)
Tagged with:
-
Aligning Form Input boxes and button next to each other
DevonHarris replied to megan05's topic in Customize with code
Hi! This code didn't work for me 😞. Basically I just want the field list NEXT to the submit button...hoping you can assist! Also I don't know how to locate the form ID...only the block ID? Didn't seem to work site: www.breakpointbranding.com/shop-1 PW: ChickenNuggets Thanks!! -
Hi! Hoping someone can assist...looking for an easy way to recreate the below layout... I'm looking to expand the image BEYOND the wrapper on an image-card. I tried both using FE blocks, as well as messing with the text wrapper and padding of the card block, but neither are producing the effect I'm looking for. I wonder if I can increase the image size, and make the overflow visible somehow? If anyone might know an easy fix, please let me know, thank you sooooo much!!
-
Adding an image to Newsletter block
DevonHarris replied to Ananja's topic in Fonts, colors and images
hey @tuanphan didn't out it onto the site yet, was just wondering if it's possible with some simple code. Let me know if so, thank you so much!! -
Adding an image to Newsletter block
DevonHarris replied to Ananja's topic in Fonts, colors and images
hey @tuanphan wondering if you ever found a solution to this...looking for newsletter form information left, image right, same block. Lmk if you find a work-around! No site yet, thanks! -
For anyone looking for a simple fix to this: Within the "title" section of the List Contents window, Add your main heading, then the subheading. BOLD the subheading and then go to Design>Custom CSS. Enter the following: Section ID{ .list-section-title p strong{ display: block; font-size: 1.6rem !important; font-family: 'GothamBook' !important; color: hotpink !important; } } The display: block attribute forces the bolded text to flow to a new line. ".list-section-title p" identifies the list section title, and the "strong" specifies only the BOLDED text. The Section ID ensures that this only happens within that specific section. Then simply match your site subheading text to the font attributes listed in the code above. To adjust mobile font sizes, wrap the code in a media query for phones and tablets, like this: Section ID{ @media screen and (max-width: 641px){ display: block; color: hotpink; }} and Section ID{ @media screen and (max-width: 780px){ display: block; color: hotpink; }}
- 9 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Image icons as bullet points
DevonHarris replied to Elle-Harrison-Design's topic in Customize with code
@tuanphan this is amazing, THANK YOU SO MUCH! I have been racking my brain all week trying to figure out how to correctly insert the :nth-item tag with no luck. You are awesome!!! -
Image icons as bullet points
DevonHarris replied to Elle-Harrison-Design's topic in Customize with code
Hi! How would I target only one bullet point with this? I'm trying to add different images for each bullet. Hoping someone can assist! -
Typewriter & delete effect? TypeIt or something similar
DevonHarris replied to SheriM's topic in Customize with code
Hey @tuanphan I fixed the issue- it just needed a color change in the style settings. Thank you!!!