Jump to content

Terratag

Member
  • Posts

    9
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Terratag got a reaction from tuanphan in Rounding image corners   
    Thank you so much for your help @creedon I was able to fix the remaining rounded corners with the below custom CSS I found on a different thread. I've removed the section ID number from between the quotes:
    section[data-section-id=""] .sqs-video-wrapper .sqs-video-overlay {
        border-radius: 12px;
    }
    section[data-section-id=""] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
        border-radius: 12px;
    }
     
    Have a great day. 🙂
  2. Thanks
    Terratag got a reaction from creedon in Rounding image corners   
    Thank you so much for your help @creedon I was able to fix the remaining rounded corners with the below custom CSS I found on a different thread. I've removed the section ID number from between the quotes:
    section[data-section-id=""] .sqs-video-wrapper .sqs-video-overlay {
        border-radius: 12px;
    }
    section[data-section-id=""] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
        border-radius: 12px;
    }
     
    Have a great day. 🙂
  3. Like
    Terratag reacted to creedon in Rounding image corners   
    The site wide image borders code evolved out of my other, older, code. The older code was a ham-fisted approach before I had a better handle on some of the subtleties of putting borders around images.
    First not all images can have borders around them because of how the HTML is structured or other factors.
    My site wide code does have holes in it and will always have them. Others may be just because I'd not run into that particular element and have not written code for it.
    The Intragram issue you are having is because of how my old code handles borders. Targeting the img element is not adequate.
    Here we can see a working image border.

    Noticed the dimmed image. It is square and fits in its slot.
    Here is an image where the border doesn't work.

    Notice how the dimmed image is outside it's slot. This is something SS does. This is why the border appears not to be there. It is but outside the slot so can't be seen.
    These types of issues are what my site wide code attempts to address. Instead of ham-fistedly targeting the image element everywhere I attempt to target elements like the slot so that a border gets applied.
    In my site wide code I list the know areas where the code won't work.
    If there are elements were the code is not working I'm willing to either update my code or add new CSS to address elements I may be missing. I would need to know what those elements are. A link to a URL and pointer to the element would be useful.
  4. Thanks
    Terratag got a reaction from paul2009 in Getting rid of the variant name on a product dropdown selection   
    Thank you paul2009, you're a genius! 😁
    The custom CSS did the trick.
  5. Thanks
    Terratag reacted to Lesum in Rounded corners on instagram feed?   
    @niteshifte You just have to change the section id in the code. Here's the code for your site:
    section[data-section-id="643c117ed02a980ab85f4548"] .sqs-video-wrapper .sqs-video-overlay { border-radius: 5px; } section[data-section-id="643c117ed02a980ab85f4548"] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { border-radius: 5px; } Thanks!
  6. Thanks
    Terratag reacted to paul2009 in Getting rid of the variant name on a product dropdown selection   
    Have you tried adding this to Custom CSS:
    select option:first-of-type { display:none; } Did this help? Please give feedback by clicking an icon below  ⬇️
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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