Maielstrom Posted October 28, 2020 Share Posted October 28, 2020 Hello! Is it possible to add a button to an index page? (Specifically on the Tremont template - https://tremont-demo.squarespace.com/) I have my collection ID for the index page, but am unsure what CSS could be used to create a button. Thanks! Link to comment
Beyondspace Posted October 28, 2020 Share Posted October 28, 2020 1 hour ago, Maielstrom said: Hello! Is it possible to add a button to an index page? (Specifically on the Tremont template - https://tremont-demo.squarespace.com/) I have my collection ID for the index page, but am unsure what CSS could be used to create a button. Thanks! Please give more info about the button, do you want it place in the nav bar or in the middle of the page BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Maielstrom Posted October 28, 2020 Author Share Posted October 28, 2020 Thank you for the reply! I'd like to place it on the bottom or bottom right corner of the page. I suppose a possible alternative could be if there is the ability to show the footer on an index page; however, I found a post regarding this and it seems like it was beyond coding through CSS. Link to comment
Maielstrom Posted October 28, 2020 Author Share Posted October 28, 2020 10 hours ago, Maielstrom said: Thank you for the reply! I'd like to place it on the bottom or bottom right corner of the page. I suppose a possible alternative could be if there is the ability to show the footer on an index page; however, I found a post regarding this and it seems like it was beyond coding through CSS. Alternatively, is there a way to move a single button/link within the index navigation? I utilized .index-navigation .collection-nav-item { text-align: right!important: } Which moves the entire menu to the right side. I'm trying to call the last button only to move through .nav-item:last-child{} or .nav-item:nth-child(9){}, but neither are working for the specific button. I have the data-url-id as well, but am not sure how to apply this movement code just to the one item. Link to comment
Beyondspace Posted October 28, 2020 Share Posted October 28, 2020 If [data-url-id] is inspected, you can select it like so .index-navigation .collection-nav-item[data-url-id="eat-tremont"] { text-align: right!important: } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Maielstrom Posted October 28, 2020 Author Share Posted October 28, 2020 35 minutes ago, bangank36 said: If [data-url-id] is inspected, you can select it like so .index-navigation .collection-nav-item[data-url-id="eat-tremont"] { text-align: right!important: } Fantastic, that got it, thank you!!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.