Jump to content

RyanDejaegher

Circle Member
  • Posts

    376
  • Joined

  • Last visited

  • Days Won

    5

Everything posted by RyanDejaegher

  1. @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; } }
  2. @lindsey123 is this the effect you're after?
  3. @JasonGipson you can add this to adjust the height .gallery-strips-item img { object-fit: contain !important; height: 100% !important; }
  4. @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:
  5. @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:
  6. @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; }
  7. @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)
  8. @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.
  9. @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?
  10. @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?
  11. @laurasharp, yes you can adjust the height value to make the lines thicker .burger-inner:before, .burger-inner:after { height: 2px; }
  12. /* 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; }
  13. @snandwani are you wanting to have the text underline remain for the active page?
  14. @raego you can add this code to your custom CSS to get the desired result .ProductItem-details-excerpt { order: 3 !important; }
  15. @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?
  16. 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.
  17. @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
  18. @elderlyman Are you trying to embed a ConvertKit form as well?
  19. Hey @galangster do you need help with the same issue of reordering categories?
  20. @scholarsayze yes it's possible to remove entire sections using CSS and media queries.
  21. #collection-5e8cc6181a21470c9a61ce71 body { overflow-y: hidden !important; } This will only apply this to the homepage.
  22. @kindandbrave do you have this font added to your site? Do you have the font file or are you using something like Adobe Fonts?
×
×
  • 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.