MacUn Posted April 6, 2023 Share Posted April 6, 2023 (edited) I'd like to change the text in the custom product form to "Next Step" instead of "Become a Member" which is on the product page. Is there some code to allow me to do that? url: https://www.skagitonians.org/membership/10-member Edited April 6, 2023 by mackenzieu url added Link to comment
Solution tuanphan Posted April 8, 2023 Solution Share Posted April 8, 2023 Add this code to 10-member Page Header <style> .form-button-wrapper:after { content: "Next Step"; background: #b94941; font-family: calluna-sans !important; font-weight: 700; text-transform: uppercase; color: white; padding: 0.5em 2.5em; border-radius: 300px; position: absolute; left: 0; min-width: 125px; pointer-events: none; text-align: center; } .form-button-wrapper { position: relative; } </style> Because CSS can't rename text, so my idea is create new button then move it overlap current button LoftyDevs-Website-Designer and MacUn 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MacUn Posted April 10, 2023 Author Share Posted April 10, 2023 @tuanphan Thank you! That worked beautifully. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment