Jump to content

zoebrock

Circle Member
 View Profile  See their activity

  • Posts

    38

  • Joined

  • Last visited

 Content Type 

Posts posted by zoebrock

    Blank space on the right side of my website shows up on larger desktops?

    in Customize with code

    Posted

    2 minutes ago, zoebrock said:

    Hi @tuanphan. This code worked wonders to stop my overflow - but it also cancelled other code I had installed to make all pages have sticky section scrolling.... any ideas? I've deleted yours for now as trying to find a way to keep the sticky scrolling functionality for the client.

    Thank you!

     https://think-nudge.squarespace.com/ password: Tuan

    I think it's a problem in my testimonials code but I can't figure out where. hmmmmmm

    Blank space on the right side of my website shows up on larger desktops?

    in Customize with code

    Posted

    On 8/12/2021 at 8:00 PM, tuanphan said:

    Try adding to Design > Custom CSS 

    html, body {overflow-x: hidden;}

     

    Hi @tuanphan. This code worked wonders to stop my overflow - but it also cancelled other code I had installed to make all pages have sticky section scrolling.... any ideas? I've deleted yours for now as trying to find a way to keep the sticky scrolling functionality for the client.

    Thank you!

     https://think-nudge.squarespace.com/ password: Tuan

    Mystery } has appeared at the top of clients website!

    in Customize with code

    Posted

    9 minutes ago, creedon said:

    It's somewhere around this code I think. Where that code is, in your site is hard to say but it does look more like header code somewhere. 

    <link rel="stylesheet" href="/s/WMSplitSections.css">

}</style>

<style>@media(max-width:799px){

    It should probably look like the following. 

    <link rel="stylesheet" href="/s/WMSplitSections.css">

<style>@media(max-width:799px){

    Let us know how it goes.

    YES! Thank you!!!! You've saved the day. hugs!!!!! xoxoxoxo

    Custom Newsletter Form issue (that's driving me to drink!)

    in Customize with code

    Posted

    Site URL: https://otipoti.squarespace.com/

    Heyyy.

    This never ending website is killing me!

    Client wants a custom newsletter signup in the footer. I've gotten so far, but for the life of me can't figure out how to re-align the placeholder "email address" in the email field box (which is no longer a box).  Pics attached show the problem. If anyone know how to also get rid of the actual button and just have the words "Sign Up", I'd be intrigued to learn!

     

    This is the code I've used:

     

    // Solid Underline Newsletter Form // 

    .newsletter-form-field-element {
        border-bottom: solid 1px #242424 !important;
        background-color: transparent !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    //NEWSLETTER FONT//
    body:not(.button-style-default)
    .newsletter-form .newsletter-form-button {
        font-family: OTIPOTI !important;     
        font-size: 1.3rem !important;
        font-weight: 500 !important;
        padding: .8rem .8rem !important;
    }
    input {
              font-family: 'OTIPOTI';
              letter-spacing: 0;
              font-size: 16px;
              line-height: 1em;
              padding: 15px 20px;
              background-color: transparent;
              @media screen and (max-width: 640px) {
                padding: 15px 15px;
              }
              @media screen and (max-width: 420px) {
                padding: 17px 0 17px 12px;
              }
              display: block;
              border: none;
              &::placeholder{
                font-family: 'OTIPOTI';
                font-size: 24px;
                line-height: 1em;
                letter-spacing: 0;
                position: center
                color: #868383 !important; 
               }
            }
            @media screen and (max-width: 1350px) {
              width:  ~"calc(70% - 8px)";
            }
            @media screen and (max-width: 1200px) {
              width:  ~"calc(64%)";
            }
            @media screen and (max-width: 1024px) {
              width:  ~"calc(75%)";
            }

    Screen Shot 2021-08-13 at 4.12.55 pm.png

    Screen Shot 2021-08-13 at 4.12.49 pm.png

    Header /Navigation Overlay Transparent On Some pages, White On Others?

    in Customize with code

    Posted

    1 hour ago, Wolfsilon said:

    Hello,

    I'm assuming that you've enabled the transparent header option. This is an easy but unreliable way to do this because it will adjust the header/navigation colors to inherit the primary background color of the section immediately following it. This means that it will switch colors depending on the page you are on, which isn't a consistent way to have a transparent header.

    The work around that worked for me is to change the header to a color scheme and switching OFF the transparent header option. You can then apply some Custom CSS to the header to change it. If you have a button to the right of the social links, it will require further styling but I've tried to cover everything in the examples you shared. 

      

    .header-title-text a, .header-nav-item a, .header-actions .icon--fill svg, .header-actions a{
  background: transparent !important;
  fill: #fff !important;
  color: #fff !important;
}
.header {
  background: rgba(0,0,0,0.0) !important;
}

    Hope this helps!

    -Dan

    Hey Dan - I tried this. Took away transparent nav and inserted your code into Custom CSS - it made the nav transparent unilaterally again - meaning it's gone transparent on the pages I don't want it to as well as the ones that I do.... any ideas? thx

    Mobile Nav Custom Font - Crazy Glitch

    in Customize with code

    Posted

    1 hour ago, Wolfsilon said:

    Hello,

    Try: 

    .header-menu-nav-item a {
font-family: "YOUR-FONT-HERE";
}

    Hope this helps!

    -Dan

    Sorry Dan - that's a negative! Tried that one multiple times (and again just now for good measure). Nada. I'm bewildered! Where did this mysterious bloody font even come from?! 🙂

    Header /Navigation Overlay Transparent On Some pages, White On Others?

    in Customize with code

    Posted

    Site URL: https://otipoti.squarespace.com/

    Here's another tough one.

    Trying to find a work around to make the navigation header transparent on certain pages, and white on others. 

    The transparent header works well on a simple photo banner, but looks horrible on my portfolio pages. I'd love to be able to make all portfolio pages have a white sticky navigation please! Thanks in advance. 

     

     

    Screen Shot 2021-07-20 at 7.13.51 am.png

    Screen Shot 2021-07-20 at 7.13.38 am.png

    Mobile Nav Custom Font - Crazy Glitch

    in Customize with code

    Posted

    Site URL: https://otipoti.squarespace.com/

    OKay I've driven myself insane trying to solve this one! Help!

    I've tried every bit of code I've been able to source on the forum and nothing works. For some reason my mobile nav is showing two fonts. The Folder is the correct custom font, and the second is one that isn't even used in my style settings! WTF?!

    I can't get rid of it and can't hand off to client until it's solved.

    Any ideas?

    Screen Shot 2021-07-20 at 7.02.42 am.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources