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

creedon

Circle Member
  • Posts

    3,654
  • Joined

  • Last visited

  • Days Won

    38

Posts posted by creedon

  1. @MandyR

    You've put the code in Design > Custom CSS. iamdaveheart said to put the code in a code block on your page.

    On 9/12/2021 at 3:33 AM, iamdavehart said:

    e.g. if you were to add this to a code block on the page this would set up a class called portrait-fix that sorted out the padding, then loop through all the images and check their dimensions, applying the fix if it found a portrait one. 

  2. On 9/27/2021 at 8:27 PM, bangank36 said:

    I think you can only customize what is available on Shopify Buy button editor

    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.

  3. @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.

  4. @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.

  5. 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.

  6. On 9/24/2021 at 11:34 AM, KristineNeilStudio said:

    Now there are just two random bullets by the tabs to get rid of somehow!

    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.

×
×
  • Create New...