-
Posts
130 -
Joined
-
Last visited
-
Days Won
1
Reputation Activity
-
lgwebdesign got a reaction from Matt-W-Urst in How replace "Older Posts >" in 7.1 ?
I found this code works better FYI...
// Blog Pagination - Rename Older Poster & Newer Posts text
.blog-list-pagination {
font-size: 0rem;
}
// Newer posts
.blog-list-pagination .prev-label:after {
display: none;
}
.blog-list-pagination .prev-label:before {
content: "Next";
font-size: 1rem;
}
// Older posts
.blog-list-pagination .next-label:after {
display: none;
}
.blog-list-pagination .next-label:before {
content: "Previous";
font-size: 1rem;
}
-
lgwebdesign got a reaction from tuanphan in How replace "Older Posts >" in 7.1 ?
I found this code works better FYI...
// Blog Pagination - Rename Older Poster & Newer Posts text
.blog-list-pagination {
font-size: 0rem;
}
// Newer posts
.blog-list-pagination .prev-label:after {
display: none;
}
.blog-list-pagination .prev-label:before {
content: "Next";
font-size: 1rem;
}
// Older posts
.blog-list-pagination .next-label:after {
display: none;
}
.blog-list-pagination .next-label:before {
content: "Previous";
font-size: 1rem;
}
-
lgwebdesign got a reaction from Agha_Waqas in 7.1 Mobile Nav Custom Alignment
Thanks so much for your help, I really appreciate it. Now I know why my code never worked, I forgot about the nth-child part.
Here's the full code with the Back button alignment fix for anyone else who needs it...
.header-menu-nav-folder-content span:nth-child(2) {
margin-left: 25px;
}
.header--menu-open .header-menu-controls-control--active {
margin-right: 55px;
}
-
lgwebdesign reacted to Agha_Waqas in 7.1 Mobile Nav Custom Alignment
Hi Luke, Try below code into css. Adjust margin left according to your need.
.header-menu-nav-folder-content .header-menu-nav-folder-content span:nth-child(2){ margin-left: 30px; }
-
lgwebdesign reacted to eugenesoch in Adjust line weight of hamburger menu icon?
That is very interesting, as we have just updated our burger menu to a preferred thickness.
Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:
/*burger menu thickness*/
.top-bun, .patty, .bottom-bun {
height: 3px !important;
}
/*end burgre menu thickness*/
p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)
hope this helps!
-
lgwebdesign reacted to tuanphan in MOVING THE SOLD OUT BADGE FOR 7.1 (PRODUCT STATUS)
try this code
.view-list .product-mark.sold-out { background: #C98A36 !important; color: #EFEADA !important; font-family: 5TH AVENUE REG; letter-spacing: 2px; font-weight: 400; position: absolute; top: 10px; right: 10px; display: inline-block; padding: 15px; border-radius: 50%; width: 55px; height: 55px; justify-content: center; align-items: center; text-align: center; display: flex; } .view-item .product-mark.sold-out { background: #C98A36 !important; color: #EFEADA !important; font-family: 5TH AVENUE REG; letter-spacing: 2px; font-weight: 400; display: inline-block; padding: 15px; border-radius: 50%; width: 55px; height: 55px; justify-content: center; align-items: center; text-align: center; display: flex; }
-
lgwebdesign reacted to MiridiosII in Squarespace 7.1, how to setup the product breadcrumb and category layout on mobile...solved.
On squarespace version 7.1, when in mobile view, if you have a long list of categories, it creates a scrolling list that travels sideways and the breadcrumbs are gone on mobile. Insert this code into your Custom CSS to make the categories center align and wrap, with no scrolling. It also makes the breadcrumbs visible on mobile.
@media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-align: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title { text-align: center; } }