Jump to content

yubrajs

Circle Member
  • Posts

    104
  • Joined

  • Last visited

Everything posted by yubrajs

  1. Here is the solution: .item-pagination[data-collection-type^="portfolio"] { display: flex; justify-content: space-evenly; } #itemPagination a.item-pagination-link{ padding: 4px 18px 4px 18px !important; } Apply this code only in media query with max-width: 428px
  2. Hi, Here is the code you have to put in custom css: #collection-658323ea6ebb5533fc88dbe7 .header-background-solid, #collection-6589b02f549719130fe08df7 .header-background-solid, #collection-6588f7e4f48be01f828283bc .header-background-solid{ background-color: rgba(42, 107, 172, 0.30) !important; } This will make the header bg 70% transparent.
  3. Here is the code for underline: .sqs-html-content h2 a .sqsrte-text-color--black:hover { text-decoration-color: #000 !important; }
  4. Try this: .sqs-html-content h2 a em:hover { color:#000 !important; }
  5. In preview mode your video is already full-screen. If you want the video container cover full space; zero the gap as soon in the screen-shot below.
  6. Add the below code in your custom css, if you are using h2 as the link tag otherwise update the tag as per text link. .sqs-html-content h2 a{ transition: all 0.5s ease; } .sqs-html-content h2 a:hover{ color:#000; }
  7. First make the word "FORGED" bold then add below code on custom css .accordion-item__description p strong{ color: #eb7114 !important; font-weight: normal; }
  8. Insert this code in custom css: .eventlist-column-thumbnail{ height: auto !important; padding-bottom: 0 !important; } .eventlist-column-thumbnail img{ object-fit: contain; width: 100% !important; left: auto !important; height: 100% !important; top: unset !important; }
  9. Please add it as last line of custom css.
  10. I dont see the code in your css. This is how it should look after adding the code. Check the attached screen-shot.
  11. Add above this line: @media only screen and (max-width:768px){
  12. You can use the custom css: .products.collection-content-wrapper .grid-item .grid-item-image{ object-fit: contain !important; } This will show the image in full.
  13. Add this code in custom css: .horizontalrule-block{ display: block !important; height: 1px !important; }
  14. Remove this code from custom css: .user-items-list-carousel__media { object-fit: contain !important; } if the above code in not in the custom css, then add this code: .user-items-list-carousel__media { object-fit: cover !important; }
  15. @laurenc_harvey Use this code: .view-item .header-title-logo img{ filter: invert(1); }
×
×
  • 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.