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

humxahafeex

Circle Member
  • Posts

    162
  • Joined

  • Last visited

  • Days Won

    2

Community Answers

  1. humxahafeex's post in Trying to hide the arrow that shows up in the 7.1 basic grid blog display. was marked as the answer   
    Hi @BrianMac Yes you can Simply put the following code in DESIGN>CUSTOM CSS.
    .passthrough-link:after { content: "" !important; } Hope it helps 🙂 Please mark it solve if it works 🙂
  2. humxahafeex's post in Adjust "Sale label" in Summary block was marked as the answer   
    Hi @Donald_P Please use the following code in DESIGN>CUSTOM CSS.
    .summary-product-status>.product-mark { background-color: #f00 !important; line-height: 3em !Important; text-align: center !Important; border-radius: 50% !important; width: 45px !important; height: 45px !Important; } .sqs-product-quick-view-button-wrapper>.sqs-product-quick-view-button { background-color: #f00 !important; width: 75px !Important; height: 75px !important; padding: 0.8em !Important; line-height: 2.2em !important; text-align: center; border-radius: 50% !important; } It will do the Job , Please do mark it as solved if it works 🙂 
  3. humxahafeex's post in Spacing between menu options. was marked as the answer   
    HI Leon , Please go to Design > Custom Css  & copy the following code there:
    .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) { margin-left: 3vw !important; }  you can control the spacing by changing the value where it says 3 if you want more space increase the value.
     
    That's all 🙂
     
    Hope it helps 🙂 Mark it solved if it works 🙂 
  4. humxahafeex's post in How do I make my blog post cover images stretch the full width on Mobile? was marked as the answer   
    Hi , Here you go , Simply Juts paste the code below to Design >Custom Css and save 🙂 I will do the Job.
    @media screen and (max-width: 767px){ .blog-basic-grid--container>div>.image-wrapper>img{ width:100%; } .tweak-blog-basic-grid-width-full .blog-basic-grid { padding:0px !important; } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--text { padding: 0.4em !important; box-sizing: border-box; } } Don't forget to mark it as solved if it works , You can mark it solve by clikcing  up arrow on left top corner of this answer.
  5. humxahafeex's post in Summary Block Product Shorten Excerpt Text was marked as the answer   
    Hi , Thankyou for enabling it , There are two ways to do this.
    1- If you wan to hide description on Whole Website then add the following code in (HOME>DESIGN>CSS)
    .summary-excerpt>p{ display:none; } 2- If you want to hide on Specific Page then add the following code in the Page Header (You can access page header by clicking on Gear icon in front of page name , it will pop up a option page , from there select Advance and then place the following code there , See attached Images)
    <style> .summary-excerpt>p{ display:none; } </style> Hope it helps 🙂


  6. humxahafeex's post in Change homepage layout on mobile version with custom css was marked as the answer   
    Hi , Sorry If you got confused , You can use the following code to get it fixed. Just simply click on gear icon in front of page name it will pop up a list of options from there select advance and you will see some space to put in code paste the code there it will fix the issue right away. Pics are also attached to assist you in better way.
    <style> [data-slice-type="navigation"] ul li:not(:last-child) { margin-bottom: 0px !important; } </style> Hope it helps. Don't forget to mark it as solved if it works 🙂 


  7. humxahafeex's post in Block ios audio player for a blog post was marked as the answer   
    Hi @Ursule It's quite easy to fix this issue ,It's very old issue with audio blocks on Squarespace, on some IOS version audio blocks behaves like this there is a simple fix to this problem , Simple paste the following code block to Settings>Advance>Code Injection>HEADER  It will fix the problem right away.
    <script> Y.on('domready', function(){Y.UA.ios=0;}) </script> Hope it helps. Don't Forget to mark question as Solved. 
    ** Little Explanation for Nerds**
    Squarespace uses YUI , In which Y.UA is a YUI's built in user agent which detects from which operating system the website is requested. So what we are doing here with our code is to force the UA(user agent) to set value to 0 which renders the page correctly on IOS.
    For More Info :  https://yuilibrary.com/yui/docs/yui/yui-ua.html
     
    #StrangeAudioBlockBehaviourSquarespace#AudioBlockOpenInSeperatePlayer#AudioBlockOpenInSeperateLink
  8. humxahafeex's post in Cannot insert map URL into code block was marked as the answer   
    Hi @cooke It won't work like this, Either you have to embed the link or make iframe for it , I just made iframe for you, Try adding the  foloowing code  in code block . it will work  🙂
    <html> <iframe src="https://api.maptiler.com/tiles/dd6645fb-fe0a-427e-878a-e796b8ac9dec/?key=vVaGF01dkm9skQ34hS2Q#17/29.741/-95.382" style="height:568px;width:100%;"> </iframe> </html>  
  9. humxahafeex's post in How to change cart icon with bag icon - Crosby 7.1 was marked as the answer   
    Hi @francescalo  you can get it done in just 2 Steps  , easily Let me share a code with you  🙂
    Step 1 : Copy & Paste the follwoing code in HOME>DESIGN>CUSTOM CSS section.
    .Cart-inner>.icon{ display:none; } Step 2:  Copy & Paste the follwoing code in SETTINGS>ADVANCE>CODE INJECTION  and paste in FOOTER   section.
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>"); </script> It will do the Job 🙂 Screenshot is attahced  on how it will look like 🙂 If it answers the question don't forget to mark it as solved 🙂

  10. humxahafeex's post in Promotional pop up frequency was marked as the answer   
    Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
    <script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
    Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
    NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
    If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 
  11. humxahafeex's post in CSS to set different padding for specific image blocks on mobile and non mobile was marked as the answer   
    /*Transparent Header*/
    body:not(.tweak-transparent-header) .black-bold .header-announcement-bar-wrapper {
        background-color: rgba(0,0,0,.5)!important;
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
    }
    /*Remove Link underlining*/
    .sqs-block-html a {background-image:none!important}
    /*set padding to both logos for NON mobile devices*/
      #block-yui_3_17_2_1_1583604405086_50557,#block-yui_3_17_2_1_1583519438823_33740  {
        padding:0px !important;
    }
    /*set padding to both logos for MOBILE devices*/
      @media screen and (max-width:640px){
        #block-yui_3_17_2_1_1583604405086_50557,#block-yui_3_17_2_1_1583519438823_33740  {
          padding:30% !important;
      }
    }
     
    USE the above code it's error free now If this answers the question don't forget to Mark it as Solved by Clicking arrow on top left of this answer 🙂 
  12. humxahafeex's post in Changing H1 font -only- was marked as the answer   
    Hi Yeah It's quite Simple , use the following code below :
    h1,h2,h3{ text-transform: uppercase !important; } Do let me know if it works or not.
×
×
  • Create New...