athornlow Posted November 6, 2022 Share Posted November 6, 2022 Hello! I have an old template (Marquee) and it's one where you can't add buttons with the insertion point, you have to put it in the page settings. So now I can't choose the size and style of my buttons - it's only letting me have one style. Does anyone know how to make the bottom (ORDER TAKEOUT/DELIVERY) button orange with code? Thank you for your help! Alexis Link to comment
Lobodesign Posted November 7, 2022 Share Posted November 7, 2022 (edited) With code, yes! But I need the URL to see how this button works. Edited November 7, 2022 by Lobodesign Link to comment
athornlow Posted November 7, 2022 Author Share Posted November 7, 2022 @Lobodesign Sorry about that! it's www.tokiunderground.com. Do you need any other info? THANK YOU! Lobodesign 1 Link to comment
Lobodesign Posted November 10, 2022 Share Posted November 10, 2022 (edited) Sorry for the response time, I don't usually access the forum. A simple custom CSS for this case: <style> a + a { background-color: #ff8800; } </style> So, when there is a sequence of buttons (as in this case you have 2 buttons), only the first one will not be orange. U can put this on Page Advanced Settings in order not to affect the other pages. Sorry for my bad english xD Edited November 10, 2022 by Lobodesign Link to comment
athornlow Posted November 12, 2022 Author Share Posted November 12, 2022 @Lobodesign Thank you SO MUCH for getting back to me! I must be doing something wrong, because it's not working for me. I added the code to the page's Advanced Settings and they're both still blue 😔. Thank you anyway for the help! Link to comment
Solution paul2009 Posted November 12, 2022 Solution Share Posted November 12, 2022 On 11/6/2022 at 1:11 PM, athornlow said: I have an old template (Marquee). Does anyone know how to make the bottom (ORDER TAKEOUT/DELIVERY) button orange with code? You should be able to do this by adding the following to Design > Custom CSS: .homepage.extra-description-formatting .page-desc p:last-child > a:nth-of-type(2) { background-color: #ef7e06; } Did this help? Please give feedback by clicking an icon below ⬇️ athornlow 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
athornlow Posted November 14, 2022 Author Share Posted November 14, 2022 @paul2009 THAT WORKED! Thank you soooooooooooo much!! paul2009 1 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