Jump to content

Oliver_H

Member
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Oliver_H

  1. Hi, Yes please. Right now its aligned using spacers but I would like to do it with css as when I go to mobile its not aligned.
  2. Site URL: http://dram.app Hi, I would like to decrease the padding on the left hand side of an image block. I would like to do this so the content within the image block sits left aligned to the above button. I've tried adding spoacers but still am not getting the desired outcome. Any CSS helo would be rgeatly appreciated 🙂
  3. Hi There! I would like to have my header transparent on mobile, but when clicked, go to a solid colour. Site: Http://dram.app Password: iloveBeer22! This is what it should look like before being clicked: Then when clicked it should change to a solid colour: The code im using for this section is: media screen and (max-width:640px) {.tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) { background-color: #0f1c0b !important; } } .header-menu-cta { background-color: #f7efe6; } .header-menu-nav-folder-content { background-color: #f7efe6; } .burger-inner:after { background: #f7efe6 !important; } .burger-inner:before { background: #f7efe6 !important; } .header-menu-nav * { color: #0f1c0b !important; } .burger-inner>div { height: 2px !important; } .burger--active .burger-box .burger-inner>div { background: #f7efe6 !important; } Any help, greatly appreciated!
  4. Hi! Also trying to make an image smaller on just mobile. This is my site: http://dram.app Password: iloveBeer22! Any help would be greatly appreciated 🙂
  5. Hi! I'm also after a piece of code that will work for my site to make the logo smaller on mobile Site: http://dram.app Password: iloveBeer22!
  6. Site URL: http://dram.app Hi, I'm using some custom typefaces in a couple of forms. My site is based off the Passero template. http://dram.app The password is iloveBeer22! The preview of mobile on web browser shows the fonts as they should be however when I check on my mobile device are not correct as seen in the image below: They should look like this: Any ideas? This is the CSS i'm currently using: .form-wrapper { background:#efefef; padding:25px; border-style:solid; border-width:1px; border-color:#9b9b9b; } .form-wrapper .field-list .title { color: #0f1c0b; font-family: karla-bold !important; text-align: left; text-transform: sentencecase; font-weight: 200; font-size: 16pt; letter-spacing: .02em !important; } .form-wrapper .field-list .field .field-element { border-style:solid; border-width:1px; border-color:#9b9b9b; border-radius: 0px; background: #ffffff; } .form-wrapper .field-list .field .caption { color: #9b9b9b; font-family: karla-light; text-align: left; text-transform: uppercase; font-weight: 300; font-size: 10pt; letter-spacing: .0.5em !important; } THANKING YOU!!!!
×
×
  • 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.