Jump to content

JayVanDyke

Circle Member
 View Profile  See their activity

  • Posts

    364

  • Joined

  • Last visited

 Content Type 

Everything posted by JayVanDyke

  1. JayVanDyke
    @KeithSWD so there's a workaround with code where you can add it in a markdown block and it will work on a personal plan. It's doable with css too but obviously more code because you have to target each individual element and change it's colors.
  2. JayVanDyke
    Not sure there's a good free solution but this would do the trick. affiliate link - https://www.will-myers.com/products/p/section-loader-supreme?peachs_apc=jay-van-dyke
  3. JayVanDyke
    @KeithSWD try this in a markdown block somewhere on the page you want to change. If you add it to the footer it'll change on every page but maybe just add it to the last section of the page you want this to change on? <script> document.addEventListener("DOMContentLoaded", function() { var footerSection = document.querySelector("#footer-sections section"); if (footerSection) { footerSection.classList.remove("white"); footerSection.classList.add("white-bold"); } }); </script>
  4. JayVanDyke
    I think it's how you have it encoded. You have things like < and > and the example in that other post uses %3C and %3E. Someone left a link in that post about proper encoding. You might save it as an svg file and upload it here. https://base64.guru/converter/encode/image/svg
  5. JayVanDyke
    Can you share a link?
  6. JayVanDyke
    I think I see it! It may be blocked by being http and not https. Try changing it to that?
  7. JayVanDyke
    @AlyssaIvonne this should get you started
  8. JayVanDyke
    Is it only broken in the back end of SS? Sometimes javascript stuff like this will be a little buggy in the editor since it's all inside an iframe underneath the editor. I'm looking to do this too so I'm definitely following!
  9. JayVanDyke
    @WR-Mike that needs to go in custom css or you need to be <style> before it and then </style> after it, it can't just be pasted in the page header code injection without html tags. Better to put it in Custom CSS though so it's easier to track down.
  10. JayVanDyke
    It looks like you're using Block IDs You need the block id of this summary too.
  11. JayVanDyke
    It's possible. We might be able to get away with a script in the footer in a markdown block. What color theme is the footer currently?
  12. JayVanDyke
    can you share your link? I only see your site password
  13. JayVanDyke
    @Jefferson0123 oh yea, good old code block weirdness in fluid engine.... Try using a markdown block instead and paste that embed code in there. I would stretch the width of the markdown block to the entire width of the grid, then drag the bottom of the container of the markdown to make sure it's as short as it can be. This way we can add some code to make sure it's centered without just trying to eyeball position the container. Then add this code to css too section[data-section-id="6527af115add1c37569bca7d"] .sqs-block-markdown { text-align: center !important; }
  14. JayVanDyke
    That hover animation comes from the Site Styles > Animations > Flex. I honestly had no idea that animation added an underline to the nav links. You can also just change your site animation to something else and it will go away. If you set it to "none" or "fade" or something then your original code might work. This gets rid of the hover if you keep your current settings. .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a::after, .tweak-global-animations-animation-type-flex .header-nav-folder-item a::after { display: none !important; } Can you add your code back to the site? It doesn't look like it's there anymore.
  15. JayVanDyke
    can you share a link?
  16. JayVanDyke
    you can try this #kajabi-form { .kajabi-form__title { color: #5d5d5d !important; //change me if you need } .kajabi-form__subtitle p { color: #5d5d5d !important; //change me if you need } }
  17. JayVanDyke
    Are you maybe in the editor? It looks fine to me on my phone and in responsive mode on safari other than maybe the font being really big.
  18. JayVanDyke
    It would look basically the same without the style tags #collection-XXXXXXXXXXXX .image-block { filter: drop-shadow(5px 5px 8px #d3d3d3); }
  19. JayVanDyke
    @X5pilot You can adjust the colors for all these things in your site styles under the color palette. Figure out which color scheme you're using for this section, looks like maybe "lightest 1". Then find the List Section: Banner Slideshow. Under "Card" you can change the opacity to 0 with that slider on the bottom.
  20. JayVanDyke
    @TaeReid It's not any different than any code injection area in your site. The Custom CSS panel however is a LESS preprocessor so you just write up your css in there and SS does the work to translate into regular CSS and minify. I honestly wouldn't use the page header code injection with style tags as the way to do this as a best practice if you're giving it to a client. Finding the page collection id and adding it to CSS makes it so that if someone else ever takes over managing or customizing the site they don't have to go tracking down your code. Everything is within that custom css panel and easy to find.
  21. JayVanDyke
    You can add it to the page header code injection just for that page but it needs html tags like this <style> .image-block {filter: drop-shadow(5px 5px 8px #d3d3d3);} </style> Also you could use the Squarespace ID finder chrome extension and find out the page collection id, usually starts with a "#collection" and add that before your .image-block part in your regular css panel. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  22. JayVanDyke
    @X5pilot can you share a link to your site?
  23. JayVanDyke
    Maybe this? .heaeder-menu { .header-menu-nav-list > .header-menu-nav-folder { max-height: unset !important; background-color: white !important; } } Probably want to change the line-height of whatever is assigned to your branding at the top too. It looks like it's set to 0 which is why it's overlapping.
  24. JayVanDyke
    See if this works #not-found .pageWrapper { padding-top: 100px !important; //adjust as needed } #cart .pageWrapper { padding-top: 100px !important; //adjust as needed }
  25. JayVanDyke
    @abigailallen I think I'm looking at the same spot on your site. You might need to get a more specific selector. Try this .sqs-block-summary-v2 { .summary-title .summary-title-link, .summary-heading .summary-collection-title { font-family: 'proxima-sera' !important; font-weight: 300 !important; font-size: 18px !important; color: #ccccc !important; text-transform: none !important; font-style: none !important; } } @media only screen and (max-width: 640px) { .user-items-list-simple { //change these for side padding on mobile padding-left: 4vw !important; padding-right: 4vw !important; } }
×
×
  • 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