Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

ChromaticZero

Member
  • Posts

    55
  • Joined

  • Last visited

Everything posted by ChromaticZero

  1. Try this: @media screen and (max-width: 767px) { .blog-masonry.collection-content-wrapper { padding-top: 50px !important; } }
  2. Try this: footer .content-wrapper { padding: 25px 25px 25px 25px !important; }
  3. I'm running it on Windows 10 with no problems. I have a couple questions: 1. Have you tried running it without the --auth parameter? 2. Are you running it from inside the template folder you cloned from your site?
  4. One way to test this would be to navigate to the URL https://static1.squarespace.com/static/5e5550e9b2510d5cdb94c042/5e5945f89594814dd64fd766/5e62fb1c1b854c643c9f0694/1583544754043/Logo2020-white.png If you navigate to that location, you will see an error that something is wrong with the image file. I don't really have an answer for you, but I can confirm that the link that you've provided to point to the image that you want simply does not work. Perhaps re-upload the file and get a new link to try.
  5. Hmm... well it's a black SVG. You can't change the color of an image using CSS. You'd have to modify the initial image and create a white copy of it, then update your CSS to change the content url onHover. .sqs-block-button-element:hover:after { content: url(https://tarantula-calliope-fl4m.squarespace.com//s/iconmonstr-arrow-20-white.svg)!important; position: relative; right: -300px; } There are ways to encode an SVG so you can update it but the explanation is a bit long winded. Check out this link for more information: https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element
  6. Hmmm.. strange. This URL works... https://tarantula-calliope-fl4m.squarespace.com/s/iconmonstr-arrow-20.svg
  7. Technically what you have should work. The problem is that the url for the content doesn't exists. content: url(/s/iconmonstr-arrow-20.svg)!important; You need to fix that url. Unfortunately I can't give you the right answer because I don't know where you've placed that file.
  8. This might be helpful : https://support.squarespace.com/hc/en-us/articles/205815308-URL-redirects
  9. Can you post your site link so we can look at the code and provide you a proper answer?
  10. Try this instead ? <script> $(document).ready(function() { $('input[name="checkbox-yui_3_17_2_1_1588700112150_14382-field"]').prop("checked", true); }); </script>
  11. I might have mucked that up. Try this instead: @media screen and (max-width: 768px) { .ProductItem-nav-breadcrumb { display: inline !important; } }
  12. See here: https://support.squarespace.com/hc/en-us/articles/205815558
  13. You could do this with javascript when the page is loaded. You'd have to add this script to your code injection: <script> $(document).ready(function() { $('input[name="checkbox-yui_3_17_2_1_1588700112150_14382-field"]').setAttribute("checked", "checked"); }); </script> I think that should work. Oddly, all three of your checkboxes have the same encoded name... doesn't seem right. Anyway, give that a try and let me know if it doesn't work.
  14. Try this for banner: .site-page .page-description span { font-family: "Times New Roman" } Try this for hover effect: .index-item-text-wrapper h2 { font-family: "Times New Roman" }
  15. More specifically they are called CSS Media Queries. They allow you to make changes to your site styles based on screen size and device type. Google that term and you should get an idea of what's involved.
  16. Try placing this in the page header code injection section. You can find that section in Pages > cog of the page you want to change > Advanced .image-caption p { margin: 0 !important; } This will reduce all 'p' margins that are nested in the image-caption div. You might be able to get away with putting it in your Custom CSS section, but doing so will change it site-wide. Just something to be aware of.
  17. Ah. I see. This isn't as easy as I thought. The websites you've provided here have 2 distinct navigations that are separated by the logo element. What's more, your website has 5 items in the navigation - which is a little tricky to split... I'm sorry I can't help. Tuanphan might have more information for you.
  18. Can you go to Home > Settings > Site Availability and open it up to viewers by setting a password? It would be much easier for me to provide you a solution if I can see the site.
  19. Try this: .blog-item-title h1 { font-family: Helvetica !important; }
  20. @guilledelcas - Hmmm. I misunderstood your initial post. Re-reading it still has me confused as the examples you gave don't match your request. In the examples you provided, the logo is centered but the nav is to the left. You requested both the logo and the nav to be centered. Can you provide more detail on what you would like it to look like?
  21. @helloVlad - I haven't had trouble with it. Are you getting any errors?
  22. I assume you're using a Shift-Enter to move to the next line? The problem with doing that is that it's intended as a continuation of the previous line without a full break, so any stylings you have on line 1 will be carried over to line 2. It's also something you should be cautious of using. It's no different than using a <br> tag. You may end up with unwanted results if the screen size changes. Anyway, more to your question - the best way to close the gap on an element is to reduce it's padding or margins. My guess is that you have a lot of top and bottom padding on your 'p' element (this is pretty common). Or, judging by your image, there is a lot of padding-bottom on your H1. You should be able to adjust this using Custom CSS. I can't see what your current settings are without a link to your site, but you could do something like this: h1 { padding-bottom: 2px } OR p { padding-top: 2px; padding-bottom: 2px; } Keep in mind, this will change for all h1 or p elements on your site. I'd have to see your site to determine how to target a specific element.
  23. There is a media query that is hiding the element when the screen size is reduced. You can fix this using Custom CSS. Try something like this: @media screen and (min-width: 768px) { .ProductItem-nav-breadcrumb { display: inline !important; } }
  24. I hate to say it, but you actually have a lot of problems with your site styling... I think that gap is probably the least of your concerns. Event in the picture you posted, it appears you have text overlapping text to the right of the image. Have you been adding a lot of custom CSS?
×
×
  • Create New...