Kyler 1 Share Posted July 11, 2020 Here's my code #block-f1d0832f83a6b19318b9{ .sqs-block-button-element--large { width: 60% !important; text-align: left; border-radius: 10px; } } Link to post
1 rwp 299 Solution Share Posted July 12, 2020 #page-section-5f0573c772537227a9e43436 a[href*="how-do-beacons-work"] { background: url("https://img.icons8.com/plasticine/2x/arrow.png"); background-repeat: no-repeat; background-size: contain; background-position-x: right; } Replace url with image of your arrow, that is just one I grabbed online for example. Link to post
1 tuanphan 9,605 Share Posted July 11, 2020 You can add code for desktop & mobile. Above code for desktop, this code for mobile @media screen and (max-width:767px) { #block-f1d0832f83a6b19318b9{ .sqs-block-button-element--large { width: 100% !important; text-align: center; border-radius: 10px; } } } Kyler 1 Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 Kyler 1 Author Share Posted July 12, 2020 1 hour ago, tuanphan said: You can add code for desktop & mobile. Above code for desktop, this code for mobile @media screen and (max-width:767px) { #block-f1d0832f83a6b19318b9{ .sqs-block-button-element--large { width: 100% !important; text-align: center; border-radius: 10px; } } } Thank you so much, this will very helpful when I do adjust code for mobile! However, my question still stands; Is it possible to have a portion of your text in a single button aligned to the left, and the rest of the text aligned to the right. Some like "How do beacons work? ▶" Link to post
0 tuanphan 9,605 Share Posted July 12, 2020 1 hour ago, Kyler said: Thank you so much, this will very helpful when I do adjust code for mobile! However, my question still stands; Is it possible to have a portion of your text in a single button aligned to the left, and the rest of the text aligned to the right. Some like "How do beacons work? ▶" Can you share link to page where you insert button? Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 Kyler 1 Author Share Posted July 12, 2020 14 minutes ago, tuanphan said: Can you share link to page where you insert button? Sure thing - https://www.k2.life/support-center-copy Notice the little triangle arrow, I want to shift it all the way to the right of the button without moving all of the text. Link to post
0 Kyler 1 Author Share Posted July 12, 2020 (edited) 2 hours ago, rwp said: #page-section-5f0573c772537227a9e43436 a[href*="how-do-beacons-work"] { background: url("https://img.icons8.com/plasticine/2x/arrow.png"); background-repeat: no-repeat; background-size: contain; background-position-x: right; } Replace url with image of your arrow, that is just one I grabbed online for example. Thank you so much! This worked perfectly 🙂 Edited July 12, 2020 by Kyler rwp 1 Link to post
Question
Kyler 1
Here's my code
#block-f1d0832f83a6b19318b9{
.sqs-block-button-element--large {
width: 60% !important;
text-align: left;
border-radius: 10px;
}
}
Link to post
Top Posters For This Question
4
2
1
Popular Days
Jul 12
5
Jul 11
2
Top Posters For This Question
Kyler 4 posts
tuanphan 2 posts
rwp 1 post
Popular Days
Jul 12 2020
5 posts
Jul 11 2020
2 posts
Popular Posts
tuanphan
You can add code for desktop & mobile. Above code for desktop, this code for mobile @media screen and (max-width:767px) { #block-f1d0832f83a6b19318b9{ .sqs-block-button-element--large { widt
Kyler
Thank you so much! This worked perfectly 🙂
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment