MadihaSyed
-
Posts
29 -
Joined
-
Last visited
MadihaSyed's Achievements
-
Portfolio Image + Underline Alignment
MadihaSyed replied to MadihaSyed's topic in Customize with code
Thank you so much! How about #2 ? Would want to extend the underline to the full page width instead of only under the text. -
Site URL: https://www.thelibertyproject.org/-portfolio Hey! In the link provided, I would like to: 1. Align the titles to the left side of the page 2. Extend the horizontal line under each title across the width of the page (with the existing padding) 3. Change the fixed position of the image on hover to the right side of the page 4. Add a border radius to the image on hover so it has rounded corners. Thanks in advance for all your help, this community has been a game changer!
-
Alright, thank you!
-
MadihaSyed reacted to a post in a topic:
Marquee On Hover Animation
-
@tuanphan No there is no effect in codepen because I'm not sure how to embed the javascript. Is there any way to achieve this effect with just HTML and CSS? Without any JavaScript.
-
Site URL: https://tympanus.net/codrops/2021/06/30/how-to-code-the-k72-marquee-hover-animation/ Hey guys! I have tried to follow the code on this attached website to make this marquee scrolling animation on codepen (https://codepen.io/madihasyed/pen/qBxBqGr) But I am not able to view the CSS elements properly, and I'm a complete newbie to Javascript so I have no idea how to import or attach the JS files to this code. Please let me know if there is something to be done from my side in order to achieve this effect! Thanks a TON ❤️
-
Site URL: https://www.thelibertyproject.org/ Reference website ^ I would like to be able to get images to reveal like this over hover on titles of the accordion block under "SERVICES" section. Super new to coding so please do let me know if this can be achieved by me. Thanks!
-
Need to add pictures to timeline slider
MadihaSyed replied to MadihaSyed's topic in Customize with code
Thank you so much! Will check it out. -
Need to add pictures to timeline slider
MadihaSyed replied to MadihaSyed's topic in Customize with code
Thanks! I did try it out and this was the result: The text width is also decreasing. And overall I think on smaller windows the timeline's text and bead keeps moving left/right and isn't responsive. I am trying to look for something similar on codepen but not able to 😞 Any idea what I can do?
-
MadihaSyed reacted to a post in a topic:
Need to add pictures to timeline slider
-
Need to add pictures to timeline slider
MadihaSyed replied to MadihaSyed's topic in Customize with code
@tuanphan does this help? -
Need to add pictures to timeline slider
MadihaSyed replied to MadihaSyed's topic in Customize with code
Thank you! Will try looking on codepen to see if there's anything similar. The HTML content is as follows: Thanks! -
Site URL: https://www.thelibertyproject.org/ Hey! I have a timeline at the bottom of my homepage and I would like to add pictures sliding in on either side of it as a person scrolls down (reference image attached) Any idea how to do this? I also seem to be having an issue with the timeline becoming very messy in terms of alignment if someone decreases their window size, even though its position is relative. Any help on this would be much appreciated! For your reference, I had attached the CSS of the timeline and the .js file embedded. JAVASCRIPT
-
MadihaSyed reacted to a post in a topic:
Marquee Scrolling Text
-
Thank you! It has worked perfectly xD
-
Ah, I haven't quite figured out the mobile bit yet, but as for all the content coming on the left, I added a padding-left to the odd class here: So the padding-left: 18rem is something youll have to adjust according to your own website. The beads in the center are something that I still havent figured out how to place so I just removed them. 🥲 Also I have noticed that you have the same problem that I have encountered, and that is the width of the entire webpage has a horizontal scroll now. Please let me know if you figure this bit out!
-
Aled91 reacted to a post in a topic:
Animated Timeline Slider
-
Hey, there! Thanks, and yeah a lot of trial and error is bringing about some results xD So for the .js, I downloaded the script from the youtube video's description, then opened the editor in Squarespace, typed some random text and linked that text to the .js file (by selecting it, clicking on the link icon which opened up the link editor, and uploading the .js file under the "file" tab). Then, I simply copied the js code location and added it in the html block like so: Hope this helps!
- 6 replies
-
- 1
-
-
- javascript
- css
- (and 1 more)
-
Site URL: https://www.thelibertyproject.org/ Hey, I would like the "Hospitality // Food & Beverage // Wellness brands //" part to to be a horizonatally scrolling marquee text and play in an infinite loop instead of starting or ending at any one side. Please let me know how to go about this. Thanks a lot ❤️
