Jump to content

RyanDejaegher

Circle Member
 View Profile  See their activity

  • Posts

    376

  • Joined

  • Last visited

  • Days Won

    5

 Content Type 

Everything posted by RyanDejaegher

  1. 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; } }
  2. RyanDejaegher
    @lindsey123 is this the effect you're after?
  3. RyanDejaegher
    @JasonGipson you can add this to adjust the height .gallery-strips-item img { object-fit: contain !important; height: 100% !important; }
  4. RyanDejaegher
    @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. RyanDejaegher
    @JasonGipson do you have a link to your site? I can take a look.
  6. RyanDejaegher
    @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:
  7. RyanDejaegher
    @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; }
  8. RyanDejaegher
    @laurasharp, yes you can adjust the height value to make the lines thicker .burger-inner:before, .burger-inner:after { height: 2px; }
  9. RyanDejaegher
    /* 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; }
  10. RyanDejaegher
    @snandwani are you wanting to have the text underline remain for the active page?
  11. RyanDejaegher
    @Budka is this what you're trying to do?
  12. RyanDejaegher
    @raego you can add this code to your custom CSS to get the desired result .ProductItem-details-excerpt { order: 3 !important; }
  13. RyanDejaegher
    @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?
  14. RyanDejaegher
    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.
  15. RyanDejaegher
    @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
  16. RyanDejaegher
    @galangster do you have a link to the site?
  17. RyanDejaegher
    @elderlyman Are you trying to embed a ConvertKit form as well?
  18. RyanDejaegher
    Hey @galangster do you need help with the same issue of reordering categories?
  19. RyanDejaegher
    @scholarsayze yes it's possible to remove entire sections using CSS and media queries.
  20. RyanDejaegher
    #collection-5e8cc6181a21470c9a61ce71 body { overflow-y: hidden !important; } This will only apply this to the homepage.
  21. RyanDejaegher
    @kindandbrave do you have this font added to your site? Do you have the font file or are you using something like Adobe Fonts?
  22. RyanDejaegher
    You may have to rely on setting the filename of any images you use to include something like "coffee-shop-full-bleed" where the word "bleed" can be used to target all the images that have bleed and then apply the styling to get the result. Just for reference I tested some code and here's what the result looks like
  23. RyanDejaegher
    @Kyletto There's a couple ways you could approach this 1. You could add some custom CSS that would only apply to the first image in a blog post. This would act as the feature/headline image. 2. You could set the container for the blog post to be wide so that all your images are wider (but still sizeable with spacers) and then apply some custom CSS to control the paragraph width so that they don't get too wide. If you don't want all the images to be full width and only the main blog image I'd go with option 1.
  24. RyanDejaegher
    section#packages .Index-gallery-item-content-body a { background: #f6f3ef; color: #6e7376; padding: 15px 25px; border-radius: 0px; font-family: 'Montserrat'; } If that doesn't do the trick feel free to share a link to the site and I can help you out
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources