Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Customizing link button colours


Lstewart

Question

  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

7 answers to this question

Recommended Posts

  • 0
On 7/1/2021 at 9:45 PM, Lstewart said:

Site URL: https://foxyardstudio.squarespace.com/config/pages

1839333860_Screenshot2021-07-01154304.png.7ee1a269f43437b6359a2be5345cd9e7.pngHi, does anyone know if I can change each of these buttons so they are all different colours?

Hi. Where are these buttons? I don't see them on homepage

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/5/2021 at 6:25 PM, Lstewart said:

Hi, sorry. Here is the link:

Links — Fox Yard Studio

Add to Design > Custom CSS

/* Links page-buttons */
div#page-60d1bb6bcdabb62ed322e8a6 {
/* button 1 */
a.sqs-block-button-element--large.sqs-block-button-element[href*="/blog"] {
    background: rgb(0,128,0);
    -webkit-box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
    -moz-box-shadow: 0 3px 0 0 rgba(0,128,0,0.81);
    box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
}
/* button 2 */
div#block-yui_3_17_2_1_1624359540039_2440 a {
    background-color: rgb(0,0,0);
}
/* button 3 */
div#block-yui_3_17_2_1_1624359540039_3476 a {
    background: rgb(0,125,123);
}
/* button 4 */
div#block-yui_3_17_2_1_1624359540039_4627 a {
    background: rgb(0,1,2);
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/7/2021 at 3:29 PM, Lstewart said:

Thank you! It does not seem to be working as i keep getting th30919656_Annotation2021-07-07092759.thumb.png.13cb310883559b937cffa00ad17cd2c4.pngis message when I paste the code in.

Hi,

ah sorry, remove this code

    -webkit-box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
    -moz-box-shadow: 0 3px 0 0 rgba(0,128,0,0.81);
    box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Do you need help?

Site URL: https://foxyardstudio.squarespace.com/?noredirect
1. (All devices) There is a scroll bar at bottom at the page

foxyardstudio.squarespace.com-01-min.png

2. (Mobile – About) Content is too close to the margins

https://foxyardstudio.squarespace.com/about

foxyardstudio.squarespace.com-02-min.jpg

3. (Mobile – Header) When scrolling down, logo in header is cut off.

foxyardstudio.squarespace.com-03-min.png

4. (Mobile – Kickstart) Content is too close to the margins

https://foxyardstudio.squarespace.com/kickstart

foxyardstudio.squarespace.com-06-min.jpg

5. (Tablet – Kickstart) Want to equal height all boxes?

https://foxyardstudio.squarespace.com/kickstart

foxyardstudio.squarespace.com-05-min.png

6. (Mobile – Blog posts) Content is too close to the margins

https://foxyardstudio.squarespace.com/blog/stitching-stowe

foxyardstudio.squarespace.com-06-min.jpg

7. (Mobile – Contact) Image doesn’t show in full size

https://foxyardstudio.squarespace.com/contact-us

foxyardstudio.squarespace.com-07-min.png

8. (Mobile – Contact) Content is too close to the margins

https://foxyardstudio.squarespace.com/contact-us

foxyardstudio.squarespace.com-08-min.jpg

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...