A comment recently helped me discover a no CSS way of achieving the tertiary button style. Use the "fill" underlined text option. Then in the color panel, set the tertiary button background color to white and the text color to transparent!
Very cool stuff Chris, thanks for this! I'm surprised there aren't more robust tools for styling buttons built into 7.1 just yet. This bridges the gap.
Your tutorials always help with the current client website I'm working on - thank you! I notice for the auto list layout sections these button styles default to the secondary btn, but you do have the option of selecting which btn style you want for those sections in the settings. *Edit - I see now you were talking about the items button, not the section button.
Excellent tutorial Chris thank you! AS I followed along, I realized I would have been temped to simply copy the background-color and change it to white in the css. Would this have worked too? Not questioning your expertise just trying to understand a little more deeply the 'WHY' of what you did. cheers!
Thank you Jai! The background color of the primary button was already white though, so I'm not quite sure what you are referring to? We added the 2px outline (border) to the primary button so that it would be the same size as the secondary button that had the 2px outline. But outlines are automatically made to be the same color as the text. So we had to make the outline color the same as the button background color on the primary button.
The hover styles are strange when button shapes are set to the "no fill" option so it doesn't work. But your comment made me think about using the "fill" underlined text option which does work! Oddly, you have to set the tertiary button background color to white and the text color to transparent, but this achieves the same result with no CSS! I'm doing it this way from now on, thank you!
If you want to send me an email through my "hire an expert" form and describe the issue I can let you know if I am able to help or not. It might be beyond my skillset, but I am happy to take a look.
A comment recently helped me discover a no CSS way of achieving the tertiary button style. Use the "fill" underlined text option. Then in the color panel, set the tertiary button background color to white and the text color to transparent!
commenting for the algorithm! forget 10K, you should have 100k subs, chris. your tips are so valuable and well thought out. thanks!
Thanks Dylan!! I appreciate your support!
Very cool stuff Chris, thanks for this! I'm surprised there aren't more robust tools for styling buttons built into 7.1 just yet. This bridges the gap.
Yeah hopefully they will address that in the future. But I'm glad this will help in the meantime!
another great tipp!! thanks so much for sharing 😊👍🎉
No problem!
Your tutorials always help with the current client website I'm working on - thank you! I notice for the auto list layout sections these button styles default to the secondary btn, but you do have the option of selecting which btn style you want for those sections in the settings. *Edit - I see now you were talking about the items button, not the section button.
I'm glad this video came at the right time! That is good info for people to know about the auto layout section button though!
Excellent tutorial Chris thank you! AS I followed along, I realized I would have been temped to simply copy the background-color and change it to white in the css. Would this have worked too? Not questioning your expertise just trying to understand a little more deeply the 'WHY' of what you did. cheers!
Thank you Jai! The background color of the primary button was already white though, so I'm not quite sure what you are referring to?
We added the 2px outline (border) to the primary button so that it would be the same size as the secondary button that had the 2px outline. But outlines are automatically made to be the same color as the text. So we had to make the outline color the same as the button background color on the primary button.
Hi Chris! For the tertiary button, can you explain why sliding the transparency of the background color down to zero doesn't work? Thanks!
The hover styles are strange when button shapes are set to the "no fill" option so it doesn't work. But your comment made me think about using the "fill" underlined text option which does work! Oddly, you have to set the tertiary button background color to white and the text color to transparent, but this achieves the same result with no CSS! I'm doing it this way from now on, thank you!
@@SEWebDesign Oh sweet! Good to know. Thanks for your videos (and your courses :)
Do you know anything about setting up a macro-calculator? I'm having some coding issues with Javascript
If you want to send me an email through my "hire an expert" form and describe the issue I can let you know if I am able to help or not. It might be beyond my skillset, but I am happy to take a look.