-
Posts
376 -
Joined
-
Last visited
-
Days Won
5
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by RyanDejaegher
-
@lindsey123 You can add this to your custom CSS section.item-pagination.item-pagination--prev-next { background: linear-gradient(to right, white 50%, black 50%); } .item-pagination-link--next h2,.item-pagination-link--next svg { color: white !important; stroke: white !important; } section.item-pagination.item-pagination--prev-next { background: linear-gradient(to right, white 50%, black 50%); } @media(max-width:767px) { section.item-pagination.item-pagination--prev-next h2 { font-size: 16px; } }
- 12 replies
-
- custom-css
- transparency
-
(and 1 more)
Tagged with:
-
- 12 replies
-
- custom-css
- transparency
-
(and 1 more)
Tagged with:
-
@JasonGipson you can add this to adjust the height .gallery-strips-item img { object-fit: contain !important; height: 100% !important; }
- 38 replies
-
- squarespace-7.1
- grid-gallery
-
(and 2 more)
Tagged with:
-
@JasonGipson /* Add this code to Design -> Custom CSS */ @media(max-width:767px) { .gallery-strips-item { width: 100% !important; position: unset !important; transform: unset !important; } .gallery-strips-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; height: unset !important; } } Result:
- 38 replies
-
- squarespace-7.1
- grid-gallery
-
(and 2 more)
Tagged with:
-
@JasonGipson do you have a link to your site? I can take a look.
- 38 replies
-
- squarespace-7.1
- grid-gallery
-
(and 2 more)
Tagged with:
-
How to reorder the category list from my shop page
RyanDejaegher replied to a topic in Customize with code
@galangster add this to your custom CSS .category-filter-list > *:nth-child(1) { order: 1; } .category-filter-list > *:nth-child(2) { order: 2; } .category-filter-list > *:nth-child(3) { order: 3; } .category-filter-list > *:nth-child(4) { order: 4; } .category-filter-list > *:nth-child(5) { order: 5; } .category-filter-list > *:nth-child(6) { order: 6; } .category-filter-list > *:nth-child(7) { order: 7; } .category-filter-list > *:nth-child(8) { order: 8; } .category-filter-list > *:nth-child(9) { order: 9; } .category-filter-list > *:nth-child(10) { order: 10; } .category-filter-list > *:nth-child(11) { order: 11; } .category-filter-list > *:nth-child(12) { order: 12; } .category-filter-list > *:nth-child(13) { order: 13; } .category-filter-list > *:nth-child(14) { order: 14; } .category-filter-list > *:nth-child(15) { order: 15; } .category-filter-list > *:nth-child(16) { order: 16; } .category-filter-list > *:nth-child(17) { order: 17; } .category-filter-list > *:nth-child(18) { order: 18; } .category-filter-list > *:nth-child(19) { order: 2; } .category-filter-list > *:nth-child(20) { order: 2; } .category-filter-list > *:nth-child(21) { order: 21; } .category-filter-list > *:nth-child(22) { order: 22; } .category-filter-list > *:nth-child(23) { order: 24; } .category-filter-list > *:nth-child(24) { order: 24; } .category-filter-list > *:nth-child(25) { order: 25; } .category-filter-list > *:nth-child(26) { order: 23; } .category-filter-list > *:nth-child(27) { order: 22; } Result:- 56 replies
-
How to reorder the category list from my shop page
RyanDejaegher replied to a topic in Customize with code
@honuboba Add this to your custom CSS Result: .category-filter-list > *:nth-child(1) { order: 1; } .category-filter-list > *:nth-child(2) { order: 1; } .category-filter-list > *:nth-child(3) { order: 4; } .category-filter-list > *:nth-child(4) { order: 3; } .category-filter-list > *:nth-child(5) { order: 3; } .category-filter-list > *:nth-child(6) { order: 3; } .category-filter-list > *:nth-child(7) { order: 2; }- 56 replies
-
@EllyCobbett you'll still need some custom code/JavaScript to target elements other than the category text. You won't necessarily have to show the category, you can hide it with CSS but the JavaScript will still be able to target it (even though it's hidden)
-
@EllyCobbett I see, you're able to display the meta for the blog posts correct? What I would do is to make this visible, then what you can do is add some code that will target the blog posts based on the category, if they match a specific category then you can apply a class that will style the content of the post.
-
@EllyCobbett, you can style the category text based on the href with CSS but that won't handle dynamically adding the category. To make sure I understand correctly, you manually added the category link at the top of the post right?
-
@EllyCobbett Are you referring to automatically adding the current category based on the URL? I.e. if someone is on the "writing" post, the category URL and text will automatically be added?
-
How to force mobile menu to remain on desktop site - v. 7.1
RyanDejaegher replied to Dario's topic in Customize with code
@laurasharp, yes you can adjust the height value to make the lines thicker .burger-inner:before, .burger-inner:after { height: 2px; }- 57 replies
-
- navigation
- custom-css
-
(and 3 more)
Tagged with:
-
Portfolio Hover: Follow Cursor: Project titles Alignment (7.1)
RyanDejaegher replied to Budka's topic in Customize with code
/* Add this code to Design -> Custom CSS */ .portfolio-hover-items { text-align: left !important; align-items: flex-start !important; } .portfolio-hover-items-list { text-align: left !important; align-items: flex-start !important; justify-content: flex-start !important; } -
@snandwani are you wanting to have the text underline remain for the active page?
-
Portfolio Hover: Follow Cursor: Project titles Alignment (7.1)
RyanDejaegher replied to Budka's topic in Customize with code
-
Move additional product info to under product description
RyanDejaegher replied to raego's topic in Customize with code
@raego you can add this code to your custom CSS to get the desired result .ProductItem-details-excerpt { order: 3 !important; }- 160 replies
-
- product-page
- product
-
(and 1 more)
Tagged with:
-
Move additional product info to under product description
RyanDejaegher replied to raego's topic in Customize with code
@raego, yes you can do this potentially with CSS and if not it can be done with JavaScript. Is this the part you're wanting to move?- 160 replies
-
- product-page
- product
-
(and 1 more)
Tagged with:
-
Is your site currently live/in preview? If so make a mock blog post with images and share a link and I can test the css/code from there.
-
How to reorder the category list from my shop page
RyanDejaegher replied to a topic in Customize with code
@galangster normally you could do this with flexbox and order but you've got a lot of items. How attached are you to the | between each category? If those are removed it's easier to rearrange/reorder- 56 replies
-
How to reorder the category list from my shop page
RyanDejaegher replied to a topic in Customize with code
@galangster do you have a link to the site?- 56 replies
-
How to reorder the category list from my shop page
RyanDejaegher replied to a topic in Customize with code
Hey @galangster do you need help with the same issue of reordering categories?- 56 replies
-
Make a Web Element appear on mobile view only
RyanDejaegher replied to scholarsayze's topic in Customize with code
@scholarsayze yes it's possible to remove entire sections using CSS and media queries. -
#collection-5e8cc6181a21470c9a61ce71 body { overflow-y: hidden !important; } This will only apply this to the homepage.
-
Style 7.1 Gallery Captions
RyanDejaegher replied to kindandbrave's topic in Fonts, colors and images
@kindandbrave do you have this font added to your site? Do you have the font file or are you using something like Adobe Fonts?