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

creedon

Circle Member
  • Posts

    3,653
  • Joined

  • Last visited

  • Days Won

    38

Everything posted by creedon

  1. @geshon To make the effect global just remove the block id. p { margin-bottom : -20px; margin-top : -25px; } Let us know how it goes.
  2. @Vivienne13 If you used Custom CSS to turn off the overlay effect then using SS editing feature would have no effect. Have you installed Custom CSS? It is also possible that the particular image you want an overlay effect on doesn't not support the overlay image. Without being able to see the image there is no way for us to know.
  3. @MandyR You've put the code in Design > Custom CSS. iamdaveheart said to put the code in a code block on your page.
  4. @blancab I was hoping to see a page with two sections. One section with the desktop content and one with the mobile content. With that layout we can then come up with some CSS to show/hide sections.
  5. @sannn Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. <style> .ProductItem-details .sqs-add-to-cart-button-wrapper { display : none; } </style> This is for v7.1. Let us know how it goes.
  6. I can confirm the 250 variant limit. As far as the deleting issue I can only suggest contacting customer support.
  7. It's been awhile since I checked into this. I agree with @bangank36 you basically have to get it right in the Shopify editor because there is no after the fact changes. There are other threads in this forum that touch on this lack of customization after the button is created.
  8. Me too! No find file! Was/is your site in trial mode? If so uploaded files aren't available until the site is paid for. But before you pay for a site you'll want to make sure you have the right URL.
  9. @misimo Please post the URL for a page on your site where we can see your issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue.
  10. @MandyR Can you post a screenshot of the error? Please post the URL for a page on your site where we can see your issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue.
  11. @Andre1990 The original URL is no longer valid so the potential solution I came up with may no longer be valid. Please post new URL for form.
  12. @blancab Please post the URL for the duplicate page.
  13. @SRLB Code seems to work for me when I test with your site locally. Where did you install the code? Is it installed now? If not, please install it then let us know it is, so we can take a look. Assuming of course it is not causing an issue.
  14. I have updated my cited code in my Nov, 21, 2020 post. The main changes are deepening where the effect is active. I moved recognition of the ftfml directives from description to placeholder.
  15. @LyndaBoss Three possibilities come to mind. Hidden by CSS, by HTML/CSS combo, missing from the source. We really need to see an example of the problem to be able to attempt to diagnose the issue.
  16. The first thing you could do it crop the image so there is a minimum of dead space around the logo. Currently there is quite a bit of it in the horizontal plane.
  17. Replace the CSS with the following. // hide background video on mobile, uses LESS syntax @media only screen and ( max-width : 640px ) { [data-section-id="614d83396366d44183ffeb9e"] .section-background { & > * { display : none; } background-image : url(https://static1.squarespace.com/static/60105c27c73dc30e2600e7c3/t/614e262b84ed4320845868f1/1632511546056/DJI_0047.jpg); background-repeat : no-repeat; background-size : auto 100%; } } This is for v7.1. The only issue with the original code is that, I believe, it was written before the advent of SS hosted video backgrounds. My version is a little more generalized in targeting the background elements and more specific in targeting the page section. Let us know how it goes.
  18. Ah. I see what you mean. Is the code you tried installed on the site now? If not, and assuming it wasn't causing an issue, other than not working. Could you install it again? We can then take a look at your issue.
  19. @mchere You would need to change amazon.com in the code to amzn.to to work with the links on your site. Assuming all your links are of the style amzn.to.
  20. Use the mobile fallback image feature of background videos. Let us know how it goes.
  21. The following ruleset is causing the div to expand and cover the links. Take it out. #book-me { bottom:0; top: 75%; padding-right: 0px; transform: 0; } Let us know how it goes.
  22. Fascinating. I don't have a 100% handle on this but it appears either codepen or the pen code author use a thing called meyer reset. This mr CSS resets a lot of user agent style sheets to nothing. Normally your browser is making a lot of decisions about how things look if no one provided CSS to tell it how to style things. A default look if you will. Some designers don't want to be told by each browser vendor how their designs should look so they use this reset technique which provides a really blank slate to start from. I would not suggest using the reset technique for a SS site. So the solution is to knock out the list style for the tabs. Add the following ruleset to the style tag. .tabs-nav { list-style : none; padding-inline-start : unset; } This also takes care of the padding to the left of the first tab you may have noticed. Let us know how it goes.
  23. On Chrome. flip chrome.mp4 On Safari. flip safari.mp4 Apparently this is a know issue on Safari. There were several workarounds but no one solution. I quickly tried several of the "fixes" with no success.
  24. @KristineNeilStudio @ferguswood Ah. I see the problem. The original pen is styling the a tag without restricting it specifically to the tab effect. One solution would be to change the following lines... a { a:hover { ...to... .tabs-nav a { .tabs-nav a:hover { Let us know how it goes.
  25. @blancab One way you might do it is to use two page sections. One for desktop, which you have. And another for mobile. Then with CSS you could swap in the desired page section for desktop or mobile. I suggest starting with duplicating your landing page, add a page section below the desktop page section. In the new page section design for mobile. Once you're happy with how that page section looks, let us know. We should be able to provide CSS to swap sections in/out.
×
×
  • Create New...