Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'native-template'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 7 results

  1. Hi! I'm super new to CSS and coding so please be as thorough as possible. I downloaded a custom font (HelveticaNow) and I have successfully applied it to my headers and body text through CSS. If it's relevant, the template I am using is Native. Here is what has worked for me as far as body text goes: @font-face { font-family: 'HELVETICANOW'; src: url('https://static1.squarespace.com/static/5d6c2d758a0acc000187f3f5/t/5d795050146faa22dd3e6e24/1568231504475/HelveticaNowDisplayXBlk.otf'); } p {font-family: 'helveticanow';} font-size: 14px; I've also gotten the headers to work using a nearly identical code (just putting h1, h2, h3, etc., in place of the p on line 6). My trouble now comes with trying to apply this to the site title. I've looked at numerous Q&A's and videos but nothing has worked for me. I also have yet to attempt adding a custom font to the navigation bar, though I would also like to eventually do that aswell; if someone could include the coding for the navigation bar in addition to the site title, that would be awesome. Thanks! (p.s.) Since I am so incredibly new to CSS, I would greatly appreciate a simple copy-and-paste solution, if possible :)
  2. I've been trying to use the Custom CSS to change my websites title but cannot figure it out! I managed to changed the header but not the actual title. Any help would be much appreciated thanks!
  3. Is there a way to have Different Logo image on Each Page on the Native template?
  4. Hi all The default for the NATIVE template is centers logos but unfortunately my logo has to be left aligned... (as I'm almost 99% finished building site so trying to hack it rather than moving to another template). @alxfyv I saw that you'd solved a similar problem back in Nov 15, 2015 at 04:09 AM (but I can't make it work). Full disclosure, I've never used code so I just tried to paste it which didn't do the job so it could be user error! logoImage img { margin-left: 50px; /* template default = 40px */} my site is: clairehobsonconsulting.com and the logo should look like this (see attached). This is just a mockup and is a bit big. Anyone else, feel free to help a very frustrated novice! Thanks for any insight/help in advance.
  5. Hi, I am using the Native template and need to have the header and footer in a fixed position at the top of the screen when a user scrolls. Can someone give me a CSS code for this to happen? Thanks
  6. How to change the font of a specific text (for example: for Site Title Header or for the Body Text)? Please help me, I've tried several examples from forums and similar questions but the font I uploaded wouldn't read. for reference, i used NATIVE TemplateThank you!
  7. I've been trying to get my navigation to stick to the top once it reaches that position. I tried using this solution for a Five template but have had no luck in doing so. this is where I am: header: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> footer code: <script> var headerheight = 50; // number of pixels to scroll before applying classes $(window).bind('scroll', function () { if ($(window).scrollTop() > headerheight) { $('#navblock-bottom').addClass('sticky-nav'); $('#content-wrapper').addClass('sticky-nav-gap'); } else { $('navblock-bottom').removeClass('sticky-nav'); $('#content-wrapper').removeClass('sticky-nav-gap'); } }); </script> CSS: .sticky-nav #navblock { position: fixed; top: 0; z-index: 99; } .sticky-nav-gap { padding-top: 20px; // height of the navigation } Haven't managed to make it work. Any help is very appreciated. Oh and this is the site i'm working on
×
×
  • Create New...