Jump to content

AFisk

Member
  • Posts

    16
  • Joined

  • Last visited

AFisk's Achievements

  1. Genius!! You nailed it. and if I wanted to marginally increase it on the mobile screen I'd enter this @media only screen and (max-width: 991px) { h3 { font-size: 12px !important; } }
  2. Ok so Ive entered this code. However the font size is not changing for FILM @media screen and (min-width:992px) { h4 { font-size: 100px; } }
  3. Thanks Tuanphan - However it hasnt changed the size of the Heading 1. If you see this example page here. I want the font 'FILM' To appear super large. That font is currently in Heading 1. Is there CSS to change this to something like I built in photoshop like the larger example
  4. So if I wanted to increase the font size for Heading 1 in only the desktop it would be similar to this though I'd change h3 to h1 and id change @media to what? @desktop? Would it be possible to dramatically change the font size in Heading 1 to something massive? As you'll see in my site www.adrianfisk.com I've only achieved huge font through overlaying onto the image in photoshop and then uploading onto my SS site. However this then means the mobile cannot fit the word in and it looks poor.
  5. Site URL: http://www.adrianfisk.com Hi - How can I dramatically increase the size of the Heading 1 font? I want a large font that goes right across the page when viewed in desktop. Obviously the CSS may need to be different for mobiles otherwise it wont fit on the screen. As you'll see from my site I currently have created large 200 pix font in Photoshop and overlayed onto the image and then uploaded that to SS. The issue with this is that it looks ok on desktop though looks poor on a mobile and the font is so large you only see 2 letters! Is there a way to change font size of headert 1 seperately for desktop and mobile? Any help much 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.