Content Link Blocks

GENERAL ELEMENT COMPONENTS & CSS SNIPPETS

Select a Squarespace Element to Examine CSS Selectors:    

Squarespace Element Description
Content Link Block Elements Refers to content link block selectors.

 CSS Code Snippets for Customizing Content Link Blocks

Change the color of content links on hover based on the page section color theme

//Start: Change the color of content links on hover based on the page section color theme
.page-section.dark, .page-section.dark-bold, .page-section.black, .page-section.black-bold {
  .sqs-block-collectionlink a:hover {
    color: magenta;
  }
}

.page-section.light, .page-section.light-bold, .page-section.white, .page-section.white-bold {
  .sqs-block-collectionlink a:hover {
    color: blue;
  }
}
//End: Change the color of content links on hover based on the page section color theme
Previous
Previous

Text Blocks & Links

Next
Next

Video Blocks