Webflow 201- vid 8 - changing the color without affecting other buttons
Hey, could you check out this https://www.loom.com/share/911368f9a60647a7aae33a02884ae08d?src=composer regarding a color customization problem I faced with buttons? I am update to change the color of the text in the learn more button, without affecting the other buttons.
When I copy and paste the original button then add is secondary class to it, in webbae's video the copy is black however for me the copy is white..
Webflow link:
https://preview.webflow.com/preview/furnitime-ce57ff?utm_medium=preview_link&utm_source=designer&utm_content=furnitime-ce57ff&preview=bce5b34e149267fb29e26ba22d0e040e&workflow=preview
Loom
Understanding Color Customization in Buttons 7️⃣
-
I encountered an issue with color customization in buttons, where changing text color affected all button colors. I need assistance to resolve this. Watch to understand the problem and help me find a solution. [82]
-
6 Replies
Hey @staybalanced I made this loom going over it but let me know if you need more info
https://www.loom.com/share/616813db73d84d6b80af93cfcd1f27cf?sid=51856941-9591-46c3-a7ec-452278cf1d31
This can be a hard concept to get when youre starting with webflow because it's starting to move into actual html and css instead of the classing web builders that hide that aspect from you
Loom
Understanding CSS Inheritance in Webflow
Hey there! In this video, I explain why text colors change in Web Flow due to class assignments. I demonstrate how styles are inherited from parent elements and how to avoid issues by managing classes effectively. Make sure to watch and learn how to control text colors seamlessly in your designs!
Hi @AtomicZBRA , thank you I understand the foundation html css rules you mentioned re changing the text block and how it would affect the other buttons. But by changing the parent button text color that doesn't seem to work for me as it did for you. Here is better explanation of the problem I'm having https://www.loom.com/share/3f921089c5084e0089917e67983a4bcb
Thanks a ton for the assistance
Hey! I see your problem, I recorded another loom to go over what's going on, I hope this helps 🙂
https://www.loom.com/share/4c485982406c43338fb406303be9f3d1?sid=04cc6fb4-260c-41b7-bab1-149506809041
Loom
CSS Specificity Part 2
Hey there! In the video, I explain how CSS specificity works using a practical example. I show how changing styles on parent elements affects child elements and discuss the importance of specificity in styling. Make sure to watch till the end for a clear understanding of CSS specificity. Enjoy!
That did it Patrick, I reset the color on the text block so that it gets it from the combo class "button is secondary". Then I went to the other buttons and made their set the text color as white. Perfect. I'll slowly get the hang of it. Thanks a ton for the help!
No problem! Love to help out 🙂
You guys rock! Thanks @AtomicZBRA !!