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

tuanphan

Circle Member
  • Content Count

    15,984
  • Joined

  • Last visited

  • Days Won

    201

Posts posted by tuanphan

  1. Add to Work Page Settings > Advanced > Header

    <style>
      .view-item .header-title-logo img {
        filter: invert(1);
        -webkit-filter: invert(1);
    }
    </style>

    .

    8 hours ago, inunzi said:

    Would you like to invert the logo on any page? If so try this code thanks to @ghostplugins.  To make this code work, go to SETTINGS-ADVANCED-CODE INJECTION-HEADER CODE-copy and paste the code there. Tell me if it works 🙂. And also welcome to squarespace! 

    
    <style>.Header-branding-logo {
     -webkit-filter: invert(100%) !important;
     filter: invert(100%) !important;
     }</style>

    Your code for SS 7.0, above site is SS 7.1

  2. 21 hours ago, liftyourgood said:

    @tuanphan Business 🙂

    Add to Home > Settings > Advanced > Code Injection > Header. Replace with your image url

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
    <script>
      $(document).ready(function() { 
    		$('<img src="https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg" width="150px" class="t-img"/>').insertBefore('.BlogItem-title');
    	});
    </script>
    <style>
      img.t-img {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    </style>

    image.thumb.png.072beebe68580e43094f09cf79bdc5c3.png

  3. 16 hours ago, 6ingi said:

    @tuanphan Thank you for any help you can offer. Or point me in a direction of an answer? This is the link to my test page. I had to remove the problem header from the live site for the client. Are you able to see the page with this link? 

    https://gingi-tilbury-5i76.squarespace.com/new-page

    Add to Home > Design > Custom CSS

    @media screen and (min-width:641px) {
    div#banner-wrapper {
        min-height: 500px;
    }
    }

     

×
×
  • Create New...