Jump to content

7.0 BUTTONS How do I change the color of the text? or add a button to header

Recommended Posts

  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply
Posted

I can help on the first question.

Add the following to Design > Custom CSS.

.medium-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--medium {

  color : green;

  }

This is for v7.0 using the Brine template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Posted
12 hours ago, creedon said:

I can help on the first question.

Add the following to Design > Custom CSS.


.medium-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--medium {

  color : green;

  }

This is for v7.0 using the Brine template family.

Let us know how it goes.

Yes it worked thank you. 
do you know how to add a button to the header?

 

Posted
Quote

do you know how to add a button to the header?

Brine has a built-in way to do this. Please see Add a button to the header.

Although that article hints that this can be done, it doesn't go into detail.

Go to Pages and add a Link page to your Secondary Navigation.

210936675_ScreenShot2021-03-13at12_29_45PM.png.661598b75fbf1880e8b4c8d37fff06d5.png

Go to Design > Site Styles. Click on the Link page in the navigation you put in the Secondary Navigation.

274854365_ScreenShot2021-03-13at12_31_21PM.png.ef46a6e7e8013fc635ed9f0c1f8d0bec.png

The Site Styles should change.

1394758836_ScreenShot2021-03-13at12_36_26PM.png.447bd047bab1418a89aade7418db44b0.png

Uncheck Inherit Primary Navigation Styles. Additional options will appear.

2095908620_ScreenShot2021-03-13at12_39_17PM.png.c3f3e1c2cac4c978b7bd28444cbc7f97.png

Change Style to Button.

1867074026_ScreenShot2021-03-13at12_40_41PM.png.de748df8c90b69989b4821a2a782c2eb.png

Configure the button options to suit your needs.

995376153_ScreenShot2021-03-13at12_42_45PM.png.35cc758044fbd74479c6988dcc80e889.png

Click Save.

1856372336_ScreenShot2021-03-13at12_44_17PM.png.16499f95a60dbc6d734bb61eddf493a7.png

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.