Jump to content

yubrajs

Circle Member
  • Posts

    104
  • Joined

  • Last visited

Reputation Activity

  1. Like
    yubrajs got a reaction from Beyondspace in What is the url of the individual video uploaded in a page?   
    Hi,
    Is there a way to find out the direct path of a video file uploaded in media library. something like: 
    <video loop>
          <source src="https://<filepath>/<filename>.mp4" type="video/mp4">
        </video>
    Thanks
  2. Haha
    yubrajs reacted to Adict in Performance improvement - Render blocking and unused Java script help   
    So basically what are you saying is switch platforms if you want a website that performs better. 🙂
  3. Like
    yubrajs reacted to Immortal_Explorer in Any plans for Squarespace to allow WEBp images?   
    Thanks, still no developments though it seems.
  4. Like
    yubrajs reacted to tuanphan in [Share] Accordion Block: Useful code   
    No, you will need to use a custom plugin
    You can use This tab plugin (affiliate link) or this link (non-affiliate link), it has an option to pull title/description from a Blog Page (or Portfolio Page).
     
     
  5. Like
    yubrajs got a reaction from tuanphan in Mobile View Product Listing Spacing Issue   
    Add this code:
    @media only screen and (max-width: 767px) { .products .grid-item { width: 100% !important; } }  
  6. Like
    yubrajs got a reaction from jts82843 in Edit Site Header for Three Pages Only   
    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.
  7. Like
    yubrajs got a reaction from SeanSEO in Custom CSS (Burger menu TO Arrow Instead)   
    You can find it here use css code:
    https://www.toptal.com/designers/htmlarrows/arrows/
  8. Like
    yubrajs got a reaction from SeanSEO in Custom CSS (Burger menu TO Arrow Instead)   
    Apply this code into custom css:
    .force-mobile-nav .mobile-nav-toggle .top-bar, .force-mobile-nav .mobile-nav-toggle .middle-bar, .force-mobile-nav .mobile-nav-toggle .bottom-bar{ background-color: unset !important; } .middle-bar::after { content: "\21E6"; } .mobile-nav-open .mobile-nav-toggle .top-bar, .mobile-nav-open .mobile-nav-toggle .bottom-bar{ background-color: #fff !important; }  
  9. Like
    yubrajs reacted to GLOCK in Make videos fill video container   
    Hey,
    This did not solve my problem.
    This only removes all the spacing between images and video.

    It does not fill the container with video.
    However, thank you.
  10. Like
    yubrajs got a reaction from charlottewritescopy in HIDE SINGLE IMAGE ON MOBILE ONLY   
    Add this code on custom css:
    @media only screen and (max-width: 428px) {
    .fe-block-b6804471b49af71182da {
    display: none !important;
    }
    }
    This code will hide the first image. See the attachment is this how you want?

  11. Like
    yubrajs got a reaction from tuanphan in Resizing events thumbnail images   
    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; }  
  12. Like
    yubrajs reacted to Ziggy in Footer form - change colour of (required)   
    Try this Custom CSS:
    span.description.required { color:white !important; }  
  13. Like
    yubrajs reacted to Ziggy in H2 heading - reduce size within a blog   
    Start with the Custom CSS:
    article { h2 { font-size:14px; } h3 { font-size:14px; } }  
  14. Like
    yubrajs got a reaction from Vic_O in Footer form - change colour of (required)   
    Provide your website url.
  15. Like
    yubrajs got a reaction from tuanphan in Remove Template Effects   
    You can still share staging url and set a password so that we can view your site.

  16. Like
    yubrajs got a reaction from tuanphan in Continually spin image with code   
    You can achieve this with keyframe animation.
    .fe-block-yui_3_17_2_1_1705023988848_42937{ animation: spin 5s normal linear infinite; } @keyframes spin { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 25% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 270deg); transform: rotate3d(0, 0, 1, 270deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } }  
  17. Like
    yubrajs reacted to paul2009 in Changing header logo on project pages   
    @LetterAndInk You should be able to limit it to the subpages by adding the .view-item class. For example, something like this:
    .view-item .header-title-logo img {     visibility: hidden; } .view-item .header-title-logo a {     background-image: url(https://images.squarespace-cdn.com/content/65a0493c0ac23a500b538521/1231deef-3f2b-45d9-80d7-e7132dd00e9a/ears+up+logo+white.png?content-type=image%2Fpng);     background-size: cover;     background-repeat: no-repeat;     background-position: center center; } Did this help? Please give feedback by clicking an icon below  ⬇️
  18. Like
    yubrajs got a reaction from tuanphan in underline drop menu option   
    Hi, Add this code on custom css:
    For underline
    .header-nav-folder-item{
    text-decoration:underline !important;
    }
    For the sketch underline you have to add the sketch image under custom files:
    Now the custom css be like below:
    .header-nav-folder-item{
    background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ;
    background-repeat: repeat-x;
    background-position: bottom;
    }
  19. Like
    yubrajs got a reaction from tuanphan in FLATIRON How to add a text ONLY at the top of an INDEX page   
    Add this custom css code:
    To hide text inside pink section on all page:
    .sqs-announcement-bar-custom-location {
    display: none !important;
    }
    /* To show text inside pink section only in "100colors" page */
    #collection-54acafbbe4b0f1bacf9d5f21 .sqs-announcement-bar-custom-location {
    display: block !important;
    }
    It will be like the screen-shot attached.

  20. Like
    yubrajs got a reaction from tuanphan in Need to centre align & increase size of embedded video on home page   
    You have to unset the max-width value.
    Add this code in custom css
    #collection-61a89b896988bc2696ca8e25 #page {
      max-width: unset !important;
      width: 100%;
      position: relative;
      margin: 20px 0 0;
    }
    Adding above code will make home like the screen-shot attached.

  21. Like
    yubrajs reacted to SJStone in How do I get rid of all this white space?   
    Thanks, guys. I ended up making a blank section and just moving all that content over, and this gave me the ability to change the height of the section. Now it looks smooth! Appreciate it!
  22. Like
    yubrajs got a reaction from SJStone in How do I get rid of all this white space?   
    Edit the section and adjust the height. Check the screen-shot attached.


  23. Like
    yubrajs got a reaction from DangDang in How to make header dynamic on homepage, but solid on the others   
    To add custom code in particular page follow these setps:
    > click the gear icon next to page as shown in screenshot
    > click on Advanced tab under "Page settings"


  24. Like
    yubrajs got a reaction from LouLouHarvey in Need to centre align & increase size of embedded video on home page   
    You have to unset the max-width value.
    Add this code in custom css
    #collection-61a89b896988bc2696ca8e25 #page {
      max-width: unset !important;
      width: 100%;
      position: relative;
      margin: 20px 0 0;
    }
    Adding above code will make home like the screen-shot attached.

  25. Like
    yubrajs got a reaction from LouLouHarvey in FLATIRON How to add a text ONLY at the top of an INDEX page   
    Add this custom css code:
    To hide text inside pink section on all page:
    .sqs-announcement-bar-custom-location {
    display: none !important;
    }
    /* To show text inside pink section only in "100colors" page */
    #collection-54acafbbe4b0f1bacf9d5f21 .sqs-announcement-bar-custom-location {
    display: block !important;
    }
    It will be like the screen-shot attached.

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