Jump to content

custum styling categories shop/blog

Go to solution Solved by tuanphan,

Recommended Posts

Hello
can someone help me with my code.
I would like to style the categories in the shop exactly as in the blog.
Blog
https://www.zwischenbergeundsee.de/blog
Shop
https://www.zwischenbergeundsee.de/shop

I use exactly the same code in the shop and have only changed the class. Nevertheless it does not work that the bubbles are centred and the bubbles are also a bit thicker. 

 

 

///blog cloud///

/* Styl */
.sqs-tagcloud li a {
    color: #192D73;
    background-color: #F5F0EB;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 14px;
    font-family: 'TTLivretLight';
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
transition: .15s ease-out;
}


/* Hover */
    .sqs-tagcloud li a:hover {
    background-color: #FAF7F4;
}


/* tag cloud */
.sqs-tagcloud li {
    margin-bottom: 3px;
    margin-right: 5px;
}


/* Mittig Platziert */
ul.sqs-tagcloud {
  text-align:center;
}

 

 

///shop cloud///

/* Styl */
    .nested-category-children a {
    color: #E66919!important;
    background-color: #EBC3AF;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 14px;
    font-family: 'TTLivretLight';
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
transition: .15s ease-out; }


/* Hover */
    .nested-category-children a:hover{
    background-color: #FAE8DF; }


/* tag cloud */
.nested-category-children li {
    margin-bottom: 3px;
    margin-right: 0px; }


/* Mittig Platziert */
.nested-category-children {
  text-align:center; }


/* trennlinien */
.breadcrumb-separator {
    color: #FFFFFF; }


Can anyone help me what the problem is?
Many thanks in advance.

Link to comment
  • Replies 1
  • Views 905
  • Created
  • Last Reply

Top Posters In This Topic

Create an account or sign in to comment

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

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