KG555 Posted May 1 Share Posted May 1 How can I make the View Full Item button bigger? Squarespace said I need to use custom code. Link to comment
Web_Solutions Posted May 2 Share Posted May 2 12 hours ago, KG555 said: How can I make the View Full Item button bigger? Squarespace said I need to use custom code. What is the site URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
KG555 Posted May 2 Author Share Posted May 2 I tried this code but it didn't work: /* Target the link that should look like a button */ a[href*="view-full-item"] { background-color: #000000; /* Button background color */ color: #ffffff; /* Button text color */ padding: 20px 30px; /* Button padding */ text-align: center; /* Center text inside the button */ text-decoration: none; /* Remove underline from link */ display: inline-block; /* Allow padding to take effect */ border-radius: 5px; /* Optional: Rounded corners */ font-weight: bold; /* Optional: Bold font */ font-size: 26px; /* Adjust font size */ transition: background-color 0.3s; /* Optional: Smooth background color transition on hover */ } /* Optional: Change background color on hover */ a[href*="view-full-item"]:hover { background-color: #333333; } Link to comment
tuanphan Posted May 5 Share Posted May 5 On 5/3/2024 at 1:54 AM, KG555 said: I tried this code but it didn't work: /* Target the link that should look like a button */ a[href*="view-full-item"] { background-color: #000000; /* Button background color */ color: #ffffff; /* Button text color */ padding: 20px 30px; /* Button padding */ text-align: center; /* Center text inside the button */ text-decoration: none; /* Remove underline from link */ display: inline-block; /* Allow padding to take effect */ border-radius: 5px; /* Optional: Rounded corners */ font-weight: bold; /* Optional: Bold font */ font-size: 26px; /* Adjust font size */ transition: background-color 0.3s; /* Optional: Smooth background color transition on hover */ } /* Optional: Change background color on hover */ a[href*="view-full-item"]:hover { background-color: #333333; } What is password to access Shop Page? https://www.kitgreysbooks.com/shop 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment