Jump to content

MARIAPINEROSMURILLO

Circle Member
  • Posts

    26
  • Joined

  • Last visited

Posts posted by MARIAPINEROSMURILLO

  1. Hi Community, I need a big big help.. I am in a bit of a pickle. 

    I created a bio page with a Ghost Plugin that worked really amazing! 

    However, I realized, that I've been using the summary block for other content on my site, which means that the customization will be added to every summary block I used on the site which is a big No No, because for other content it looks terrible.

    • Is there a way to use the Code below on only One summary block? 
    • Also, can I fix the height of that code so that the length of the block is the same?

    Thank you!!

     

    Code:

    // Summary Block Title //

     

    .sqs-block-summary-v2 {

    .summary-title,

    .summary-heading {

    font-family: montserrat;

    font-weight: 200;

    font-size: 18px !important;

    line-height: 23px;

    color: #1941a9;

    }

    }

     

    // Summary Block Excerpt //

     

    .sqs-block-summary-v2 {

    .summary-excerpt p {

      font-family: europa;

    font-weight: 300;

    font-size: 17px !important;

    color: #2c2c2c;

    } }

     

     

    //* Summary block hover black and white*//

    .summary-item img {

     

      transition: .5s ease-in-out;

     

      filter: grayscale(1);

     

    }

     

    .summary-item img:hover {

     

      filter: none;

     

    }

     

    // Hover Grid Summary Blocks //

     

    .sqs-gallery-design-autogrid .summary-item {

      transition: box-shadow .5s, transform .5s; //change the seconds (one or both values) to make the animation faster or slower

    }

     

    .sqs-gallery-design-autogrid .summary-item:hover {

      box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.1); //you can alter the px values and rgba color to change the shadow style on hover

      transform: translateY(-10px); //you can change the px value to make the slide go higher up (negative number) or further down (positive number) on hover

    }

     

     

    // Leaflet Summary Block Design //

     

    .sqs-block-summary-v2 .summary-item {

      background-color: #f2f5f9;

      border: 1px solid #BCBCBC;

      border-radius: 30px 0px 0px 0px;

      -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;

      -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;

      box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;

    }

     

    // Leaflet Summary Block Image Radius //

     

    .sqs-block-summary-v2 .summary-thumbnail {

      border-radius: 30px 0px 0px 0px;

    }

     

    // Leaflet Summary Content Padding //

     

    .sqs-block-summary-v2 .summary-item .summary-content {

        padding: 10px 10px 10px 10px;

    }

     

    // Leaflet Summary Block Button //

     

    .sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {

      display: inline-block;

      margin-top: 20px;

      background: #4FDBA2;

      color: white;

      border: 0px solid white;

      border-radius: 50px;

      padding: 10px 20px;

    }

  2. @tuanphan

    Not yet! because I haven't started the website but I will let you know as soon as I do. 

    On another note, I would like to built a similar team members page on  squarespace:  ex of website: (if you scroll down you will see the members page)   https://www.memotext.com/about/...ideally it would have the same features, hover over effect where you see the name and you can have a linkedin logo that is clickable. Also when you click on the name a window will pop up with the persons bio. 

     

    Do you think there is a plugin? I am more than happy to pay a developer if you think is possible.. thank you @tuanphan

    Screen Shot 2021-11-02 at 9.35.25 AM.png

  3. Hi Tuan!

     

    Thank you so much for your reply. I want to build like an online directory for people to find products. Ideally the products would be categorize, so for example: Hand-made, organic, decoration etc... I would like to include this categories in a page, so when people click on them the products that have those tags get highlighted. 

     

    Let me know if that makes sense 🙂

  4. Hi Community, 

    I wanted to know if someone could guide me a little bit. 

    I am looking to create a website that highlights products by choosing a specific tag. Similar to this:

    https://not-amazon-to.pory.app/

    Also, I would like to know if it's possible to add a plugin that allows people to submit a product? Ideally it would a 3 step process. Person submits the product (With specific guidelines), we review product, we approve product.

    are there plugins capable of doing this?😄

     

    Thank you! 

     

×
×
  • 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.