Jump to content

buura

Member
  • Posts

    54
  • Joined

  • Last visited

Posts posted by buura

  1. Hello!

    I want my website to understand where is visitor's location and accordingly hide or show some contents of a page, or all of the page. 

    For example, a visitor's location is Turkey. And I want that he/she can see all the site except one title named "BAYILER" which is linked below:
    https://chameleon-cranberry-dedh.squarespace.com/bayiler

    But if he/she visits my site from another country except Turkey, there shouldn't be a block for that.

    So, can we create some code for this?
    Thanks for help!

  2. 2 minutes ago, Ziggy said:

    Try adding this to your Custom CSS:

    .header .language-picker .current-language-name {
        font-family: Suisse Light !important;
    }

    Let me know if that works.

    Yes, it works! but when I hover it, you know there will be language options. and they are still different font. is there any code which is also effect them?

  3. hi. I created a "back to top" button for my website. it's just a circle actually. I want to add an arrow into the circle to make it more clear.  

    here is my codes:

     

    -TO THE HEADER-
    
    <a href="#" class="btt"> <span class="btt-icon"></span> </a>
    
    - TO THE FOOTER -
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
      var scrolled = 400; $(window).scroll(function() {
        if ( $(window).scrollTop() > scrolled ) {
          $('a.btt').fadeIn('slow');
        } else {
          $('a.btt').fadeOut('slow');
        }
      });
    </script>
    <script>
      $('a.btt').click(function() {
        $('html, body').animate({ scrollTop: 0 }, 700);
        return false;
      });
    </script>
    - CSS -
    
    a.btt {
      display: block;
      position: fixed;
      z-index: 999;
      width: 45px;
      height: 45px;
      right: 30px;
      bottom: 30px;
      background: white;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      box-shadow: 3px 3px 10px rgba(23, 25, 25, 0.2);
      transition: transform 0.3s ease-in-out;
    }

     

    Screenshot 2023-01-30 at 16.01.33.png

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