DevonHarris

Hello! I found some amazing, simple code from @inside_the_square but hoping to expand upon it. The code listed in this video / blog post allows for only one thing to be typed. However I wish to "delete, retype a different word" and so on, with infinite playback. I found this code on the forum previously but was hoping to simply alter the code listed here (below). Thank you to anyone who can assist!!! (thie first code block below within <div> tags is in my on-page code block. The second section beginning with ".typit" is within my Design>Custom CSS <div style="text-align:left"> <h2> <span class= "typeit"> STANDOUT WEBSITES </span><br> THAT COMMAND YOUR CLIENTS</h2> </div> .typeit { overflow: hidden; border-right: 2px solid #50bdb8; /* change this color in the keyframe too */ white-space: nowrap; margin: 0 auto; animation: typeit 3.5s steps(40, end), right-border .5s step-end infinite; } @keyframes typeit { from { width: 0 } to { width: 100% } } @keyframes right-border { from, to { border-color: transparent } 50% { border-color: #50bdb8; /* change this in the CSS above too */ } }

hey @tuanphan great code thank you so much!! For some reason my cursor line isn't showing, could you possibly take a look for me please? https://www.breakpointbranding.com/home-3 it's in the second section "Command your clients". Thanks again!

For anyone looking for a solution to this- I simply bolded the targeted word in the actual image title. In this example, we wanted to make the text red. Within the code, I also adjusted the font-weight to un-do the bolded part. On the real website, the text will be black but will have a background image, all via CSS. The CSS code used (Design>Custom CSS) was as follows, targeting the specific block, and then the text:

Hi @bangank36 it’s Flowers, thanks!!

Hi! Hoping someone might be able to assist! I have a website which uses html in section headings because there are certain words ("spans") that have a background image. I would love to also incorporate this in one of my Image Card blocks but can't figure it out 😕. I'm choosing not to use Fluid Engine for this section because I want to incorporate the Collide image load animation. I have the html and CSS to work, just not sure how to make it work in this particular image. Thanks so much!

@Wolfsilon thank you so much! The ea to which I’m referring is in the instance of the word “beach” where the letters are always ext to each other. Also I’m curious, if I’m using the exact same font, which was downloaded with glyphs, how would I identify the glyphs portion of that same font within the css? Thanks for any insight you can provide!!

Hey!! I was wondering how to add additional letters or letter combinations (for example “ea”) as well as body font to this script? Thank you so much!!! trying to use Idealist font by Nicky Laatz https://nickylaatz.com/shop/199-idealist-serif which has a lot of combo alternates. Any suggestions? Thank you!!!

you are a GENIUS, THANK YOU SO MUCH! Please post/send a link to your donation page!!!

@tuanphan sorry no bold part of the subheading text, in the section named "Allergies" they want to bold "We are a nut free facility" ...Also you can see that there is only one space between sentences in the subheading but it should be two. This website is for a school so they want everything to be grammatically perfect lol. Anything you can do to help would be amazing, thank you!

Hey! It’s www.TLAStMarks.com/health

Hey @tuanphan is there a way to bold part of the subheading within the css code you provided on this thread? 1. The client wants the first sentence bolded. 2. I notice that sentence breaks (two space bars) are not reflected online, only within CSS. Is there a way to fix this? Here's the code I have, thank you!! li:nth-child(2) span.accordion-item__title:after { margin-top: 5%; content:"We are a nut free facility. &nbsp; At TLA, we recognize that each student is individual and unique. Some of our students have allergies and/or certain health and developmental needs that require personalized care and attention."; display: block; font-size: 18px; }

hey @bangank36 and @creedon I'm hvaing trouble removing one section of the footer on the home page. Hoping you could take a look at it for me? www.tlastmarks.com password is: 20222023 Also if anyone can figure out this weird footer situation that's happening in portrait ipad mode? You'll have to view it (navy blue section and section above it) while reducing your browser size... I've combed through my CSS and can't find the culprit 😞

@tuanphan my fix was just to create and hide a new section. However I am running into the same issue throughout other sections of the website, for example the "programs" section of the home page, which I would like to display 4 across on ipad screen sizes. Not sure what to do...password is 20222023

new PW: Justin16!

hi! unfortunately I changed it to grid layout and it still doesn't work 😕. Not sure what's going on...would love if you could help with this as I am also encountering the issue in another summary block section 🙂

hi! Any idea how to make all BUT ONE block of text centered in mobile? I want everything centered EXCEPT my accordion block. Anytime I change anything it applies changes to the whole section. This is mobile only. https://www.tlastmarks.com/pre-k password: Devon

Site URL: https://www.tlastmarks.com/pre-k Password: Devon Hi! I'm looking to force 5 per row on mobile in the summary block in the footer of this website with CSS. Hope you can help! @tuanphan @creedon @bangank36

Hey @tuanphan unfortunately this didn't work 😕. not having much luck...www.tlastmarks.com/nursery in footer section PW is: Devon

Devon

access PW is: Devon thanks!

Access PW is Devon. Just FYI for anyone interested in achieving this 'look' but don't need it to be functional, I used Carl Johnson's image banner hack from YouTube. However it would be great to be able to apply a smooth-scroll to the List Carousel layout, with each item being clickable

www.tlastmarks.com/health 🙂. thanks! I have currently just used an image block, and then accordion, 3 times. But the spacing is off and I'd rather just use the single block if possible...

hey guys! My accordion looks great on desktop, but I was hoping to write some code that would change the location of the + icon (here I have replaced the + with an image) to the TOP of the section on mobile. Any ideas? See desktop below:

hey @tuanphan just wondering if anyone ever figured this out? Trying to make a smooth-scrolling logo section. website: tlastmarks.com/home-1. you'll see the accolades section. Just wondering how I can use a list or carousel to replicate this look and make it scrolling? Thanks!