We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Can't save CSS Code in Dawn Theme?

Solved

Can't save CSS Code in Dawn Theme?

store095
Pathfinder
95 0 43

Hi, I would like to have category bubbles and I got a CSS code for the dawn theme. When I enter the code it works and I get category bubbles but I can't save and I get the message: online store editor session can't be published.

 

the code is:


.card {
border: unset !important;
}
.card--card .card__inner .card__media {
border-radius: 50%;
}
.card__information {
text-align: center;
!important;
}
.card__information .card__heading { font-size: 16px; font-weight: 400; }
.card__information .icon-wrap {
display: none;
}

 

Whats the problem here?

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 567

This is an accepted solution.

Hi @store095,

Your css is wrong here 

BSSCommerceB2B_0-1722580539153.png

You can try this, I just modified to right syntax:

.card {
  border: unset !important;
}
.card--card .card__inner .card__media {
  border-radius: 50%;
}
.card__information {
  text-align: center !important;
}
.card__information .card__heading {
  font-size: 16px;
  font-weight: 400;
}
.card__information .icon-wrap {
  display: none;
}

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSSCommerce-B2B
Shopify Partner
1972 564 567

This is an accepted solution.

Hi @store095,

Your css is wrong here 

BSSCommerceB2B_0-1722580539153.png

You can try this, I just modified to right syntax:

.card {
  border: unset !important;
}
.card--card .card__inner .card__media {
  border-radius: 50%;
}
.card__information {
  text-align: center !important;
}
.card__information .card__heading {
  font-size: 16px;
  font-weight: 400;
}
.card__information .icon-wrap {
  display: none;
}

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

store095
Pathfinder
95 0 43

It's working. Thank you so much!