Jump to content

nataliaesp

Circle Member
  • Posts

    16
  • Joined

  • Last visited

Posts posted by nataliaesp

  1. Hi! I tried using this solution since I need a whatsapp floating icon on the bottom right corner on every page, the whole time. I used this code but the icon only appears on the footer, is there a way it can be sticky and be visible all the time? I just need this to open the whatsapp chat in another page.

    On 5/22/2021 at 3:08 AM, tuanphan said:

    try new code

    <a href="https://www.ixstudio.net/ninjakit"><div tabindex="0" type="bubble" class="wt_start_inbtn" style="
        height: 64px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
        border-radius: 50%;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        user-select: none;
        position: fixed;
        outline: transparent;
        background-color: #242424;
        right: 20px;
        bottom: 20px;
        width: 64px;
    ">  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>  </div>
    </a>

     

     

  2. Thank you! This worked

    8 hours ago, tuanphan said:

    Hi,

    You mean remove blue bar on top of map (blue bar with share icon, zoom icon, text...)?

    Add to Design > Custom CSS

    div.embed-block .embed-block-wrapper {
        overflow: hidden;
    }
    iframe.embedly-embed {
        margin-top: -80px;
    }

     

     

  3. On 9/24/2021 at 5:47 PM, tuanphan said:

    Can you share link to page where you added map?

    I have the same issue mentioned here and the code shared above didn't work. This is the link to my page:

    www.montezelba.com/burgundy-provence

    I need to add more maps in other pages so if it's possible to add custom css code that will apply to all of them it would be great!

  4. Site URL: https://www.mazamcr.com/es/inicio

    Hi! I have already finished adding the two languages on my website by displaying the flags on the header. My main language is Spanish, and I currently have a "Contáctenos" button on the header that is connected to the Spanish contact page. Is there a way to change that CTA so that when someone is viewing the English version it sends them to the English contact page and also translate the button to "Contact Us"?

    Any help is appreciated!

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