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

Search the Community

Showing results for tags 'card'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 11 results

  1. Hi Folks I'm looking to add a simple drop shadow on certain images contained in an image card block. When I enter generic CSS code it changes ALL the images on the page to have a drop shadow, which I don't want, I just want to isolate some specific images for a drop shadow. Any help hugely appreciated!
  2. Hello! i added a code i found on a forum post which worked pretty good for me - put the wrapper is targeting every image on the site, i only want it to target the stacked image blocks on the first page This is the code i used. .image-block-outer-wrapper { box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5); } a { background-image: none !important; } Here is a picture of what it looks like
  3. Site URL: http://danbeeshin.com How can I style the image block: "card" to have the photo in front of the card? With changing the background color as well? If this is how they're doing this on their site... Is this HTML and CSS? http://danbeeshin.com Using the Pedro template to recreate this.
  4. I'm using SquareSpace as an art portfolio website and using the "List" section type for my photos so that I can place images across from a description of the title, medium, etc. However, I have the issue that an overlay color is non-optional for these images, and since they are artwork and I want them to look the same as real life, I want to remove the color overlay. Is there HTML I can insert into the custom code area that would eliminate the color overlay? I'm using version 7.1. Thanks!
  5. Is there code that can change the background colour of the 'card' on an image card block in SS 7.1? Screenshot attached of the intended result but there's no option in the Design > Colours section so I think code will be the only way. Thanks!
  6. Site URL: https://www.core4.com.au/home-1 Hi there, Squarespace 7.1 user. I am trying to make my code block with the 3 results column view for desktop but they are stacking on top of one another. Does anyone know why my code keeps stacking rather than sitting next to each other? Also why the icons arent appearing. Screenshots attached and code below. HTML <div class="content-103"> <div class="container"> <div class="row"> <h2 class="sercies-title">Our Awesome Services</h2> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-share-alt"></i> </div> <!-- service-icon --> <h3 class="service-title">Advertising</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-pencil"></i> </div> <!-- .s-icon --> <h3 class="service-title">Branding Design</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-lightbulb-o"></i> </div> <!-- .s-icon --> <h3 class="service-title">Creative Marketing</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> </div> </div> </div> CSS .content-103{ background: #f3f3f3; padding-bottom:50px; } .content-103 .sercies-title{ text-align:center; padding: 50px 0; } .service-post { background: #fff; padding: 30px; text-align: center; cursor: pointer; position: relative; z-index: 12; margin-bottom: 30px; -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); } .content-103 .service-content { position: relative; z-index: 13; } .content-103 .service-icon { margin: 10px 0 20px 0; width: 50px; height: 50px; border-radius: 25px; text-align: center; border: 2px solid #eb7a5c; margin-left: auto; margin-right: auto; line-height: 50px; -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-icon { border-color: #fff; } .content-103 .service-icon i { font-size: 18px; color: #eb7a5c; } .content-103 .service-post:hover .service-icon i { color: #fff; } .content-103 .service-title { font-size: 16px; font-weight: normal; margin-bottom: 15px; -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-title { color: #fff; } .content-103 .service-description { -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-description { color: #fff; } .content-103 .service-hover { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 0px; background: #eb7a5c; -moz-transition: width, 250ms; -o-transition: width, 250ms; -webkit-transition: width, 250ms; transition: width, 250ms; } /*hover-background-color effect*/ .content-103 .service-post:hover .service-hover { height: 100%; } Thank you
  7. Site URL: http://www.galleryneptunebrown.com/thomas-2020-auction-page Hello all, What is a custom css for adding a lightbox to a card block? The card design doesn't allow the option to have a lightbox pop up to full-screen when you click the image, only the option to add a link by clicking the image. I want to be able to click the image and have the image pop up to view the whole thing (without linking to another page). It would be great if I could hover inside the lightbox to zoom in on details but I really just need the lightbox itself right now. I'm using Mojave. Thanks in advance!
  8. Hi I'm having trouble getting the text to align to the right in a specific image card (only want it to align differently in 2 specific image cards and not the rest on our site). I've tried google and using this code: #block-yui_3_17_2_1_1582748351695_31923 { text-align: right !important; } I could really use help on solving this issue :-)
  9. Site URL: https://morelifeadventures.com/our-mission Hello, I am trying to change the font size in the title and description of my coaches on this page https://morelifeadventures.com/our-mission This is a card layout. I realise that code is needed, however I have no clue what code to put in. Has anyone dealt with this before? Thank you, Stella
  10. Site URL: https://www.jmgantphotography.com/pricing2020 I am building a pricing page using both stack and card image layouts and would love the font, both size and type, to be uniform with the rest of my site. I can't see how to adjust this. Can anyone give me some help? The link below will bring you to the page that I am working on. TIA! https://www.jmgantphotography.com/pricing2020
  11. Site URL: https://www.jmgantphotography.com/pricing2020 I am building a pricing page using both stack and card image layouts and would love the font, both size and type, to be uniform with the rest of my site. I can't see how to adjust this. Can anyone give me some help? The link below will bring you to the page that I am working on. TIA! https://www.jmgantphotography.com/pricing2020
×
×
  • Create New...