Jump to content

Ems-H

Member
  • Posts

    20
  • Joined

  • Last visited

Posts posted by Ems-H

  1. Hello, please can you help I have an issue similar same as this post.
    I had this code in my custom CSS to hide the first article in the summary post (right hand side), which used to work.

    #block-df553bc98358e7de3ff7 {

      .summary-item:nth-child(1) {

        display:none;

      }

    However it is now not working?

    image.thumb.png.df65e99ffa839c7317bce090db5e8071.png


    I have tried editing the section ID, which I found through inspect element, I can see how it would be the incorrect ID?

    #block-yui_3_17_2_1_1709166436430_614 {

      .summary-item:nth-child(1) {

        display:none;

      }

    Please help thanks a million

    https://burgundy-sepia-c5lz.squarespace.com/

  2. Hi there,

    is it possible to request a users contact details before they can access a page on my site? (We are offering live access to our digital magazine (embedded on our site) for just one prompt for their name, title and email address.)

    I have thought of many ways, through members area, subscribing etc. However this would mean a longer process for the customer and even asks for their payment details. Although free option still asks for their credit card!

    I do not want to put off the customer in anyway. 

    Any suggestions would be gratefully appreciated

    thanks

    Emily

     

     

     

     

    Please help.

  3. Hello please can you help. I would like to make the images clickable in a carousel, I have found a relevant article, and put this code together below, however it is not working. 

    Please can you help.

    thank you so much

     

    Website: https://burgundy-sepia-c5lz.squarespace.com/collaborators

     

     

     

    /* List carousel clickable */
    .user-items-list-item-container[data-section-id="64a26aeb1836a6113eb00cd0"] {
    li.list-item {
        position: relative;
    }
    .list-item-content__button-container {
        position: absolute !important;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    
    }
    a.list-item-content__button.sqs-block-button-element {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        color: transparent !important;
        background-color: transparent !important;
    }
    .list-item-content__button-container {
        position: static !important;
    }}

    Screenshot 2023-08-17 at 11.47.07.png

  4. Thank you tuanphan, that works and you have been amazing help!
    Sorry if I am asking too much, there is still a bit of finessing on this job which I can't work out.

     

    are are you able to help?
     
     
     
     
     
    1. Home page
    Summary block
    The category coloured box backgrounds are slightly faded. But only on the summary block. Any idea why please?
    image.png
     
     
    2. Individual blog post page
    Any idea how I can add a bit of vertical padding/spacing in-between the category box and the author and date?
    image.png
     
     
  5. Thank you so much! This has worked on the blog pages 🙂 I am so grateful!

    I am now trying to do this with the summary block on the home page please.  This is the code  I have entered. But is not applying any change. 

    Can you see what I am missing please?

     

     

     span.summary-metadata a {

    font-size: .9rem !important;

      font-weight: 600; !important;

        text-transform: uppercase; !important;

        color: #fff; !important;

          letter-spacing: 0.8px;

        padding: 0.1em 0.15em; !important;

    }

     

    /* Technology */

    .summary-metadata a[href="/all-topics/category/Technology"] {

        background-color: #f1f;

    }

    /* Events */

    a.summary-metadata[href="/all-topics/category/Events"] {

        background-color: brown;

    }

    /* Women */

    a.summary-metadata[href="/all-topics/category/Women+in+SAP"] {

        background-color: #000;

    }

    Screenshot2023-06-27at14_57_38.thumb.png.31b0b29ea15ac4c869527ff08e0f12ad.png

  6. Wow exactly! Yes please!

    I have the category labels on the blog pages and in the summary block.

    Exactly like your screenshot is what I need to do.
     

    Current css has been customised in the summary-metadata, blog-meta-item--categories, blog-meta-section.  See below:
     
     
      .summary-metadata *{
    font-family: itc-avant-garde-gothic-pro;
    font-size: .9rem !important;
      font-weight: 600;
        text-transform: uppercase;
        background-color: #ff8800;
          color: white;
          letter-spacing: 0.8px;
        padding: 0.1em 0.5em;
    margin-right: 0.1em;
    display: inline-block;
    }
     
    .blog-meta-item--categories a {
    background: #f18800;
        padding: 0.15em 0.5em 0.2em  !important;
      color: #FFF!important;
            letter-spacing: 0.8px;
          text-transform: uppercase!important;
              font-weight: 600!important;
      font-size: 1rem !important;
     
    .blog-meta-section * {
    background: #f18800;
        padding: 0.15em 0.1em 0.15em 0.15em  !important;
      color: #FFF!important;
            letter-spacing: 0.8px;
          text-transform: uppercase!important;
              font-weight: 600!important;
      font-size: 1rem !important;
    }

    Screenshot 2023-06-27 at 14.58.56.png

    Screenshot 2023-06-27 at 14.57.38.png

  7. Hi!

    I have managed to customise the blog meta item categories and sections so my category links appear like the below. I am really happy with them, but I now wish for them to be different colours.

    E.g.

    Technology - green background

    Events - orange background etc.

     


    This is the code I used for the blog page

    .blog-meta-section * {
    background: #f18800;
        padding: 0.15em 0.1em 0.15em 0.15em  !important;
      color: #FFF!important;
            letter-spacing: 0.8px;
          text-transform: uppercase!important;
              font-weight: 600!important;
      font-size: 1rem !important;
    }

    IF any one can help that would be amazing! thanks!

     

    image.thumb.png.5eef318f99ca8a8ebddde946d22eabe5.png

  8. Hi, does anyone know how to add 'reading time: #minutes' underneath the blog title and also the summary block titles too ?

    For now I have added it manually....

    I'd actually like it to the right side of date and author in the same font style, but underneath OK too!

    image.thumb.png.8553fc2a0ddff923a367f32e3571957e.png

     


    There is a couple of good articles on this, however they all refer to  the Mary Philip code that is no longer available.
    (for reference: https://www.maryphilip.com/the-blog/how-to-add-a-reading-time-to-your-squarespace-blog)

    thank you

     

  9. Hi, Can anyone help me customise the category link font on the blog list page, I am using Basic Grid layout.

    I have managed to edit the summary blocks and individual blog post using the code below. 
    It does not work for my main blog list page! Please help 🙂

    .blog-meta-item--categories a {
    background: #f18800;
        padding: 0.15em 0.5em 0.2em  !important;
      color: #FFF!important;
            letter-spacing: 0.8px;
          text-transform: uppercase!important;
              font-weight: 600!important;
      font-size: 1rem !important;}

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