Jump to content

Hartzelljs

Member
  • Posts

    14
  • Joined

  • Last visited

Posts posted by Hartzelljs

  1. URL: https://oarfish-swan-hj8k.squarespace.com/
    Password: Opal240!

    As the browser window gets smaller the site title moves up and the entire navigation moves to the left (see attached images).

    And here is the code I'm using to split the navigation around the site title

    header-nav {
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin-top: 17px !important;
        margin-left: 32px!important;
    }
    
    .header-nav-item:nth-of-type(2) {
        margin-right: 190px!important;
    }
    
    .header-nav-wrapper a {
        background-image: none !important;
    }

    Thanks for the help!

    Screen Shot 2023-01-19 at 12.44.19 PM.png

    Screen Shot 2023-01-19 at 12.44.33 PM.png

  2. https://bird-flounder-wfzs.squarespace.com
    password: Opal240!

    Fonts load and appear to function properly inside the editor but regardless of browser they aren't loading when I preview outside of editor.

     

    Thanks!

    //Typefaces//
    @font-face {
    
      font-family:'TMCMabry-Light';
    
           src: url('Fonhttps://static1.squarespace.com/static/635a9f3d259a125cc511de4a/t/635aa09838e96c072dc903e5/1666883736481/TMCMabry-Light.otftURL');
    }
    
    h1 {font-family:'TMCMabry-Light'}
    h2 {font-family:'TMCMabry-Light'}
    h3 {font-family:'TMCMabry-Light'}
    h4 {font-family:'TMCMabry-Light'}
    h5 {font-family:'TMCMabry-Light'}
    p {font-family:'TMCMabry-Light'}

     

  3. Site URL: https://crocodile-corn-gyyh.squarespace.com/2022

    Hi All!

     

    Password: Opal240!

    On the top left image I've used this bit of code for the image block to have its caption fade to the background color with the caption centered:

    .image-caption-wrapper {
      min-height: 100%;
      display: flex;
      align-items: center; 
      justify-content: center; 
      background: #D7D3CA !important;
     }

     

    Since the caption now covers the entire image on hover I'm not able to click the image for the lightbox to pop up. The second image lightbox works since I have the caption turned off. Is there a way for the lightbox to still work?

     

    Thanks for the help!

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