Jump to content

Bilash

Circle Member
  • Posts

    40
  • Joined

  • Last visited

Community Answers

  1. Bilash's post in Why is are my color changes not saving in my course 7.1? was marked as the answer   
    Hi @Callan 

    I think the template you are using there is an issue scoping their CSS custom properties (variables) that's why it's not working out the way you want it to. Anyway, here is a CSS snippet that you can insert into your site to make it look like you wanted. 

     
    [data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item { --course-list-grid-layout-course-item-text-color: #ffffff; --course-list-grid-layout-course-item-background-color: #232323; /* for subtle hover animation */ transition-property: background-color, color; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0; transition-behavior: initial; } [data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item:hover { --course-list-grid-layout-course-item-hover-background-color: #c3876a; --course-list-grid-layout-course-item-text-color: #000000; }
    Final look:

×
×
  • 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.