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

Search the Community

Showing results for tags 'brine-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
  • Squarespace Forum Club Guidelines's Topics

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 304 results

  1. I am having some issues with making the navigation go full width. Any help would be most appreciated. In Design>Styles I have set branding position to Top Center and Primary Nav Position to Bottom Center. Also, I have a secondary navigation button that is set to Bottom Right. All navigation tabs are where they should be, however the background color that I have set to white is not going to the left side of the primary navigation. See attached screenshot. Here is my CSS code for the background color:/* primary nav bkgd colour */.Header-nav { width: 100%; height: 50px; background-color: white; } Thank you.
  2. I'd like to change the logo (in my header) on a few pages (black logo to white logo)I'm using the Brine template. I'm using this script, thanks to @Lizm : <script> window.onload = function() { document.getElementsByClassName('Header-branding-logo')[0].src = 'https://static1.squarespace.com/static/5d0ca9426637b00001e0b944/t/5d276e25b5ed870001bf52d7/1562865189567/logo-white.png'; }; </script> But not runs perfect, because in Safari, when I'm in a section with black logo and click on the section with white logo and this script, the logo appears black. If I refresh de page, the logo load well (white). So I think maybe is for the cache. Can you help me? URL with black logo: https://institutotramontana.squarespace.com/mision-y-visionIf you click in Programas on top, appears URL with white logo and script. But just the logo appears in white when you refresh the page: https://institutotramontana.squarespace.com/programas Thanks
  3. Im using the Basil template, from my understanding I need to inject a code in order to have a button appear at the top of each page can someone help with this please? Just need it to say ORDER NOW and ink to our ordering site
  4. On my main navigation, I want to get rid of the word "home". However, it's an index page so I can't just drag it to the not linked section, correct? I'm using Brine. https://finch-manatee-2pcn.squarespace.com/ Thank you!!!!
  5. My website: https://thrustinteractive.squarespace.com This sire looks good and has the appropriate white space on the sides of content on desktop, however when I look at the site in a mobile view elements are bunched together and the spacer blocks are lost. I am using the Brine template, is there any way to add code or have the spacer blocks that keep my site clean show up on mobile. It is keeping my website from being responsive and looking as good on mobile as it does on desktop. Thank you for your help!
  6. I would like to add a white gap or spacer between 2 pages that collides, i presume it to be implemented through CSS. I have added 2 pages with blurred out banners and it doesn't look good. I've tried adding a blank page between but i'm using a scrollbar on the side which picks up the "new page".
  7. Is there a way to disable the Brine banner image on mobile only? I've tried many different css configurations with no luck. my client site: paragoncoachinggroup.com what I tried that did not work" @media only screen and (max-width: 640px) { home .Index-page-image { display: none;}} I'm noticing that this question (or one like it) has been asked several times in the forum, with no answers. Is that to assume there is not an answer? I'd surely appreciate your expertise on this.
  8. How do I adjust the top padding down to be visible on Keene template in the search page?It is hidden by the sticky navigation a the top. I am looking for the CSS for the search page specifically.Thanks.Andrew link text
  9. I am trying to make an animated underline on hover. would be nice if the underline remained for the active page. I found this but the underline is miles away from the navigation and does not stay on for the active page..... Anybody have any suggestions? Much appreciated.. .Header-nav-item { position:relative; height: 60px; line-height: 60px; text-align: center; transition: 0.5s; padding: 0 20px; cursor: pointer; -webkit-transition:0.5s;} .Header-nav-item:hover { background-color: transparent; border-color: transparent; color: #000000;} .Header-nav-item:hover:before{ transition-delay: .2s; } .Header-nav-item:before{ width: 0%; height:100%; z-index: 3; content:''; position: absolute; bottom:-1px; left:0; box-sizing: border-box; transition: .2s;} .Header-nav-item:hover:before { width: 100% !important; transition: .7s; } .Header-nav-item:before { border-bottom: 2px solid #000000;}
  10. Im using Sonny /Brine and we would like to make the text on the poster highlight on Hover - I have seen a few of these questions but none have useful answers for me!
  11. Hello World! I'd like to change the color of a single button "small" without affecting all small buttons. I appreciate your help, in advance :) Thank you! :)
  12. Why are the fonts specified in the CSS code below not appearing on screen? I'm trying implement my code on an unlinked page in the Brine template. I've inserted the CSS code via Design-->Custom Code. Only Freight Text is appearing, not the other fonts. Project HTML <div class="tt-canvas-inner-21813"> <span class="tt-layer tt-21813-layer-1">LEGALITIES</span> <span class="tt-layer tt-21813-layer-2">This page was last updated in </span> <span class="tt-layer tt-21813-layer-3">JULY</span> <span class="tt-layer tt-21813-layer-4">2019</span> </div> Project CSS div.tt-canvas-21813 { padding: 2em 0; margin: 0 auto; background-color: #fff;} div.tt-canvas-inner-21813 { position: relative; margin: 0 auto; width: 811px; height: 192px;} span.tt-layer { position: absolute; display: inline-block; white-space: normal; line-height: 1em; transform-origin: 50% 50%;} span.tt-21813-layer-1 { border-color: #fff; border-radius: 0em; border-width: 0em; color: #242424; font-family: freight-neo-pro; font-size: 3.6em; font-weight: 600; padding: 0em; white-space: nowrap; overflow: visible; top: 19px; left: 0; width: 282px; height: 57px; z-index: 1000;} span.tt-21813-layer-2 { border-color: #fff; border-radius: 0em; border-width: 0em; color: #@$@$@$; font-family: freight-text-pro; font-size: 1.8em; padding: 0em; white-space: nowrap; overflow: visible; top: 106px; left: 3px; width: 351px; height: 28px; z-index: 1000;} span.tt-21813-layer-3 { border-color: #fff; border-radius: 0em; border-width: 0em; color: #c1c1c1; font-family: freight-text-pro; font-size: 3em; font-weight: 500; letter-spacing: 0.05em; padding: 0em; white-space: nowrap; overflow: visible; top: 94px; left: 348px; width: 118px; height: 48px; z-index: 1000; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);} span.tt-21813-layer-4 { border-color: #fff; border-radius: 0em; border-width: 0em; color: #c1c1c1; font-family: freight-text-pro; font-size: 12em; font-weight: 500; letter-spacing: -0.025em; padding: 0em; white-space: nowrap; overflow: visible; top: 0; left: 462px; width: 349px; height: 192px; z-index: 1000; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}
  13. I would like to change the color of the Title font to black or another color instead of white in my slideshow. I could then set the background to transparent and have black on white letters for both title and description. I have been searching the forum and reading a lot about Custom CSS and I feel like I understand a lot, but am missing something because when I attempt a change I see no effect at all. I have found the code section in html and CSS using Chrome: Inspect and I have also tried pasting code from other forum users, but I don't see any changes when I paste their code into the Custom CSS on my site. I am still using the trial version of Rally template. Eventually I would also like to move the text block to the upper right -- another template gave that option, but I can't find any options for position in Rally. Am I missing something? If not, it seems like I should be able to figure this out in custom CSS also. For example, I tried this code but nothing changed: .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta .title { margin: 0; font-size: 14px; color: ##003366; padding: 0 2%;} Any suggestions are greatly appreciated.
  14. I am trying to include an embedded affiliate image to my client's website as her work was featured on a blog. Using Brine template. I have tried implementing the code via Markdown and a Code block. I am having an issue reducing the padding around the image itself as seen in the screenshot below. I can't seem to get it centered in the markdown block. I am wanting the embedded image and the image block next to it to be the same size and sit nicely next to each other. Best way to do this? I am still learning code and have nearly pulled my hair out trying this!! Also want this adjusted for mobile view. Website: http://www.elizabethmckenzieflorals.com Password: flowers Specific Page: Services Index, "Features" page Any help is appreciated!!!!!!
  15. I am working on a client website below: http://url.com/www.elizabethmckenzieflorals.com password: flowers Page needing to address: Meet Saige I am wanting to overlap a text block with a colored background over a full-width image block as shown below in the screenshot. Not sure if it's easier to add them as separate blocks (image and text), or to create a Collage Image block and customize that using CSS. Help is very much appreciated!
  16. Hi there, I am building a website for a client using Brine template (https://www.hemeez.com/, password: hemeez_salgado). They want the blocks underneath the main banner to be full bleed, like the main banner. I am using the following code: <style> .content-inner { max-width: 100% !important; padding: 0 !important; margin: 0; } .collection-type-index .content-inner.has-content { padding: 0px !important; margin: 0; } .sqs-block.image-block { padding:0 !important; margin: 0 !important} .sqs-gallery-block-slideshow .sqs-gallery, .sqs-gallery-block-slideshow .sqs-gallery .slide ratio { max-height: 550px !important; } } </style> I like how the images are looking at the top, but how can I manage to expand the 2 images without overlapping? Also, is it possible to manipulate only the two block immediately after the main banner and not the rest of the image blocks through the website? Thanks in advance for your help!
  17. Hi! I am trying to get all three buttons to line up horizontally in medium/large screen view. I have figured out how to do it using a full width spacer, but now the buttons are stacked on top of each other on mobile, please help! I have tried to add custom CSS as well..but any ideas would be great! Link to site: https://www.mindbodybrain.com.au/copy-of-introja Thanks,Jill
  18. Hi all, I'm working on a site for a client. They have a large amount of antiques, however they'd like a homepage that shows a mix of products from all categories. For this reason I'm forced to only use one Product Collection. An issue arrises when I'm creating the product summaries for each category. I'd like the Breadcrumb at the top of each Product Page to show the Category name instead of the Product Collection name. This way it will help distinguish each individual Category. lilac-denim-lmxk.squarespace.com Any help would be much appreciated. I have developer mode turned on, but very limited experience with the FTP side of things. Thanks,
  19. I'm trying to remove the overlay color of the banner section of one of the Index Pages on my site.... The option in the Style Editor will remove it from all pages... Any idea?
  20. I'm building on Brine, and I'm using fixed headers.I have no issue with how to make those work, nor with using either .site {padding-top: 90px;} or .index {padding-top: 90px;} , depending on what's needed. My issue is that when I have navigation (on index pages) that relies on anchors, like site.com/#about , my header covers my headline. I could insert a spacer, but then the site looks oddly spaced and lame. I can write links with an <a class="anchor" href:... and then use the stylesheets to create .anchor {padding-top: 90px;} The problem with this solution is that I want for my clients be able to make changes via the standard SS UI, after I hand it off to them. How do I make this work within the existing structure of Squarespace?
  21. Hello! I am trying to add space between the edge of the website and the blog posts without changing it for the overall site. Any suggestions? Page: https://www.kierragodfrey.com/blog-lifestyle
  22. Hi, I am working on the "BRINE" template, which i like very much.The only downside is that the navigation bar disappears once you scroll down the page. The "Pacific" template is exactly what i am looking for! It is precisely what i want to achieve with the navigation bar in "BRINE". Please help friends!Tarek
  23. Hi all, I am slowly learning CSS but inevitably have problems with syntax between different themes. I'm trying to change the background color (technically an overlay in this case) for the Services section on this index page. The collection ID is 59e653fc8fd4d2e4bc8651b2, which I've tried to incorporate in various ways, but I cannot get the bloody syntax right. Sofia (Brine family) has two overlays that alternate on indexes, so sometimes if you want to change the color on one section the overlay will ruin an image on another section. I'm trying to change the color to hsla(28, 100%, 44%, 0.18). The site in question: https://www.joannethedoglady.com Thanks for any and all help, hopefully I'll be asking less questions in the future and answering more!
  24. I'm looking for a way to make my header transparent only on my homescreen. Unfortunately, there is no option to keep the header transparent when over images, so I'm left leaving it as a solid color on every page, or transparent on every page (which means it can't be seen with my current colors). Does anyone know how to solve this? I'd appreciate the help. Site: link textPassword: Hellomammoth821!
×
×
  • Create New...