Jump to content

Search the Community

Showing results for tags 'pacific-template'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, My site is not live yet but I am working on the Pacific template and it was all working fine until today. However now my code to customise my nav is no longer working. What I had done is as follows. I moved the logo to the left. Used an index and the items in the index were the items on my nav. I then used code to hide the index content that I didnt want to show on the nav bar. Code is: .mobile-nav-toggle-label { display: none; } nav#mainNavigation>div:nth-child( ), nav#mainNavigation>div:nth-child(2), nav#mainNavigation>div:nth-child(2) { display: none !important; } /* Make logo -go-left- */ #header #logoWrapper, #header #siteTitleWrapper { position: relative; left: 15%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right !important; } What is happening now is that the items within the index are no longer showing, only the index itself and any other pages I add outside of the index. I tried to get around this by adding links to the pages within the index. This worked and the links showed up in the nav panel. The only issue is that there was a gap in the center where the logo was originally located. Thank you all in advance for any help. Tiarni
  2. Site URL: https://makethemawesome.com I was wondering if I could get some help with widening the area for text for blog posts in Pacific. It's something I just put up with for a while, but after a recent post I was like "Okay, I need to find a solution for this." Here's an example to help illustrate the idea: The way the images jut out for far away from the text is really annoying. Plus I have a tendency to add Gallery blocks at the end and those are way wider than the text as well. I'm guessing it would require some sort of header code injection but 1) I know barely anything about CSS to come up with a solution on my own, and 2) I'm not entirely sure what the default width for Gallery blocks. Anyone have any clues about this one?
  3. Site URL: https://manaproducts.com Hello, Heading 2 font letter spacing does NOT react while on top of an image in a banner an Index page but does work while in a regular page. I picked up someone's work so I'm kinda lost. Thanks! @font-face { font-family: 'FoundersGrotesk',sans-serif; src: url('https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d7056bf55c3000179ee8c/1566404694269/FoundersGrotesk-Medium.otf')} h2, h3, .desc-wrapper p { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d706fdd357600015f7245/1566404719517/FoundersGrotesk-Semibold.ot',sans-serif; } /* #header #logoWrapper, #header #siteTitleWrapper {position: relative; left: 5%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right;} */ #header #mainNavWrapper .index {margin: 0 0 0 12px !important; text-align: right;} #logoWrapper{ left:0; transform:none; display: inline-block; width: 25%; } #headerNav{ margin: 5 !important; text-align: right; display: inline-block; width: 102%; #mainNavWrapper{ text-align: right; div{ margin-left:0 !important; margin-right:0 !important; } } } /* @media only screen and (max-width: 1024px) {#logoWrapper { top: 0px; left: 50% !important; } } .mobile-nav-toggle-label .bottom-bar { top: 33px;} .mobile-nav-toggle-label .middle-bar {top: 25px;} .mobile-nav-toggle-label .top-bar {top: 17px;} */ h1 { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; text-transform: none; line-height: 0.9em; color: hsl(0, 0%, 0%); } h2 { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 36px; letter-spacing: 3px; text-transform: none; line-height: 1.3em; color: hsl(216,7%,14%); text-align: center; } h3{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 1x; text-transform: none; line-height: 1.4m; color: hsl(216,7%,14%); text-align: center; } h4{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; text-transform: none; line-height: 1.6em; color: hsl(0,0%,0%); } h5{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; text-transform: none; line-height: 1.6em; color: hsl(0,0%,0%); text-align: center; } /*----------------------- New Text Styling for review --------------------------*/ @import url('https://fonts.googleapis.com/css?family=Work+Sans:400|Poppins:400'); html {font-size: 16px;} body { background-color: white; font-family: 'work Sans', sans-serif; font-weight: 400; line-height: 1.45; color: #333; } p {margin-bottom: 1.25em;} h9, { margin: 2.75rem 0 1rem; font-family: 'Work Sans', sans-serif; font-weight: 800; line-height: 1.15; } h10, h11, h12 { margin: 2.75rem 0 1rem; font-family: 'Work Sans', sans-serif; font-weight: 200; line-height: 1.; text-align: center } h9 { margin-top: 0; font-size: 4.209em; } h10 {font-size: 3em;} h11 {font-size: 2.369em;} h12 {font-size: 1.777em;} h13 {font-size: 1.333em;} small, .text_small {font-size: 0.75em;}
  4. Site URL: https://healthcontentcollective.com/ Hey y'all! I'm not a pro at coding, but needed to customize this website's heading to have the logo and navigation next to one another (not an option in the style settings for the Pacific theme). Only now there is a giant gap between 2 of the menu items. I am only using 1 navigation/menu. Below is all of the CSS lines I have. I've been messing around with each of the lines to see if I can fix it by trial and error, but have had no luck. Any insight or possible solutions are greatly appreciated! Thanks! #header #logoWrapper, #header #siteTitleWrapper { position: relative; left: 15%; right: 5%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right !important; } #header #mainNavWrapper .index { margin: 0 0 0 0px !important; text-align: left !important; } #header { position: fixed !important; } #header {background-color: #ffffff !important} header #logoWrapper { position: relative; left: 50%; padding-top: 0; padding-bottom: 0px; } header #mainNavWrapper { position: relative; padding-top: 0px; padding-bottom: 0px; text-align: center; vertical-align: middle; padding-left: 310px; padding-right: 20px } .folder { margin-right: 0 !important; } .collection { margin-left: 25 !important; } @font-face { font-family: 'aquawax'; src: url(https://static1.squarespace.com/static/5cb63e9e01232c410328f7f1/t/5ccc82b43786be0001b9282f/1556906676894/aquawax.woff2/aquawax-Regular.woff2) format('woff2'), url(https://static1.squarespace.com/static/5cb63e9e01232c410328f7f1/t/5ccc82ae4e17b63c9fb58d0f/1556906671146/aquawax.woffRegular.woff) format('woff'); } h1{ font-family: 'aquawax' !important } h2{ font-family: 'aquawax' !important } h3{ font-family: 'aquawax' !important } #intro { background-color: #5aa1ac; }
  5. Site URL: https://www.thegingerlab.com/blog Hey everyone, Trying to change the background color of my blog page using custom code, but to no avail. I'm using the Horizon template of the Pacific family. Does anyone know how to do this? Any help much appreciated! Cheers!
  6. Site URL: https://smilodon-tuatara-58b9.squarespace.com/ https://smilodon-tuatara-58b9.squarespace.com/ pw: Amsterdam86! Would like to have some css to reduce page padding on top/bottom of each page, see image attached. site styles slider does not seem te be working. thanks!
  7. Site URL: https://pacific-demo.squarespace.com/ I'm having difficulty working with jump links. What I want to achieve is a navigation like the Pacific family templates. They allow for the use of jump links embedded in the navigation bar. I'm struggling to find a way to implement this functionality with a more customised fixed header layout. Specifically, I want to have a left aligned logo, and right aligned navigation/page links. I feel like this shouldn't be too difficult, but I can't find a work around. Can anyone shed any light on this for me? Thanks
  8. Site URL: http://lychee-wolverine-tdkg.squarespace.com Hi Squarespace community! I would like to have a custom title font for my blog posts in Pacific template without changing the Title 1 setting in the website's Design/Site Styles tab. I've chosen Adorn Garland for the H1 typeface, which I like for page H1 headers. However, on blog titles, it looks like trash. I'd like to use Raleway on my blog titles. Thanks in advance for any help! Cheers, Cindy
  9. Hey, community. The size of my H1 header in my opening index page ("Schedule a Call") is perfect on desktop. But, it's much smaller than I want it to be on mobile and the Pacific Template doesn't offer a way to adjust styling specifically for mobile. Someone pointed me here to try and inject the recommended Custom CSS there but that code doesn't appear to work. Does anyone else have any other custom css suggestions I might try out?
  10. I appreciate that the size of the button adjusts to the text, but from a design perspective, it looks bad. Is there a way to make the button size the same? I am using the Pacific template.
  11. Site URL: http://www.scandaleusephotography.com Hi there, I am trying to turn the link in my index gallery into a button. I can't seem to find a code that works, would anyone be able to help? (I have stopped the autoplay to make it easier to see) Additionally, I'd like to make it work on all my slides. Is that even an option? Thank you, coding wizards! 🙂
  12. Site URL: https://www.thegingerlab.com/blog Hey everyone, Trying to change the background of my blog page to a fixed image using custom code, but to no avail. I'm using the Horizon template of the Pacific family. Does anyone know how to do this? Any help much appreciated! Cheers!
  13. Site URL: http://www.howhighlyorganized.com The Pacific template family automatically adds a “Back to the top” link in the footer on the mobile version. I added my own “Back to the top” link on the desktop version, and now it’s showing up twice on the mobile version. Can I delete the automatic mobile footer? Or can I add it to the desktop version?
  14. Site URL: http://paolissima.com Hi I have to create a landing page using Pacific teme. I have to remove header and footer. I have this code, but it doesn't work: <style> #header, #footer, #preFooter { display: none; } </style> <style> .sqs-announcement-bar { display: none !important } </style> what kind of code I have to use? Thanks Paola
  15. Hey Everyone, I'm a noob to coding but have come across a problem that the people at squarespace say can only be fixed this way. Basically the logo is way to small on the mobile and tablet version of the site. Screen shots attached! The template is Pacific. I have the chrome 'block identifier' plug in. Does anyone one know if there's a way to make the logo bigger? Thanks, Hamish
  16. Site URL: https://healthcontentcollective.com/blog-entries/why-virtual-patient-communication-is-key I'm currently using altnernating background colors for my index pages. However, for each blog entry I'd like the background to be the secondary color (white), not the primary background color (dark green). Client does not have a premium account, so code injection isn't possible at the moment. Is there a workaround?
  17. Site URL: https://smilodon-tuatara-58b9.squarespace.com/ Hi guys, I would like some CSS for this: The menu turns into a hamburger icon for ipad/mobile, but appears on the left side over the logo.. (I changed the logo location with code) I would like the hamburger icon to appear on the right side, but so far nothing worked... Thanks! PW: Amsterdam86!
  18. Site URL: https://smilodon-tuatara-58b9.squarespace.com/ I'm working in the pacific template and would like to move the hamburger icon that appears in mobile menu to be aligned on the right side of the menu/header bar. Can anyone provide me with the css? thanks!
  19. Hi, I am building a site using the Pacific template. I have an ultra-simple footer that simply shows the standard one-line copyright info. When I view the site on mobile, the footer ... disappears. Anyone who knows a workaround? How to force its appearance? 🙂 Thanks! Mikkel
  20. Hi all, I've been trying to create a custom font for my navigation and have been trying this: .Header-nav .Home {font-family:'FONT NAME'} @font-face { font-family:'FONT NAME'; src: url('SOURCE');} It doesn't seem to work, does anyone know how to code for this?
  21. Hey guys, i'm trying to get some text to sit at the top right of my page. Here's a link to the current site: https://cuboid-ellipsoid-gfdg.squarespace.com/ Pass: Ocean123! I need to get two lines of text to sit opposite the menu button on the left, I've attached a mock. Any ideas? Thanks in advance.
  22. Hi, I need help on 2 subjects for my page: https://yujnayaamerika.com/ 1) It’s a Russian page but I have this Back to Top thing appearing on the mobile version. It’s Pacific Template. How can it be changed? 2) I want logo to appear along with the text like just like the 3rd photo which I previously had under Forte template but when the template changed to Pacific, the Custom Code no longer works. I would really appreciate if someone can help me. Thanks, Vural
  23. Site URL: https://www.bambooclublb.com/ I am trying to rework a site for a client that they previously built in 7.0 with the Pacific template. I want to be able to have header links that don't show up on the homepage. Like the menu for example – I want this to be in the header, but link to a seperate page. I'd like the homepage to just have a section that says "view our menu" or something along those lines but there doesn't seem to be a way to edit these independently of each other. Is there a way to do this with this template, or should I propose changing the template/creating a new site? thanks!
  24. I am looking to reduce the space highlighted in yellow to reduce negative space for the images on this page. There is no options for padding, width, or bleed to reduce or widen on the sides. How would I go about doing this? Can't seem to find any other posts about this. I am using the Pacific Family Template. Thanks in advance!
  25. Hello all, a quick question. We're using the Lusaka template to create our site, and realized that the content we have would be better suited to a one page website, like the Pacific template-- https://pacific-demo.squarespace.com/. I know we can change from Lusaka to Pacific, but wondering if there's an easy way to change just the navigation in Lusaka. Thanks!
  • 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.