Search the Community
Showing results for tags 'brine-template'.
-
Site URL: https://cinnamon-guitar-2zdw.squarespace.com/blog Hello, I need help with adding a background image to my blog index page with css. In addition to this, I also need help with adding a background image to to the wrapper of each blog post. If anyone can please advise, I'd really appreciate it! Password: 7512
-
Site URL: https://lonsdalestudio.com/ I'm thinking of migrating to version 7.1 from version 7.0. I'm using Moksha in the Brine family. Is there a template that is the same or very similar to Moksha in Version 7.1 templates? Thanks!
-
Site URL: https://lonsdalestudio.com/wild-love Hi I'm trying to style a gallery (change image sizes). on the help page it says I can style it in site styles. I went to site styles I can't find anything on styling galleries? Help?!
-
Site URL: http://www.mitchbakker.com I'm running into a problem where two Index Sub-Pages are not retaining proper padding when scaled for mobile only. Specifically, the third sub-page which includes a quote (/book) is improperly laying over the second sub-page (/about) which has an Image Block with Overlap design. Please see SS where the Quote is way too far up... I have checked the Site Styles > Padding, all seems in order. Any suggestions? Am I missing something? Thanks!
-
Site URL: https://cinnamon-guitar-2zdw.squarespace.com/brand-styles Hello, I'm trying to change my headline text for in the overlay images to a custom font... The codes I've tried do not work, and I'm unable to target the specific area with the Developer Tools in Chrome. Can someone please help?
-
Site URL: http://www.mitchbakker.com I am running into an issue (Brine Template) where the Home Page (/home) Primary Nav Menu utilizes Anchor Links (#example), which properly auto scrolls to a place on the Home Page with content relating to #example, but then clicking through to a new "Example" page (/example), ends up retaining the same Primary Nav Menu...which then is broken (because #example only works on the Home Page (/home)). Essentially, I'm wondering how best to implement Relative Links in Squarespace? How are you folks utilizing an anchor link in a nav menu, and then redirect -
Placing an image behind the "read more" button in Brine layout
tweezy posted a question in Coding and Customization
Hello, Does anyone have a css code that would let me put an image as my "read more" button? I would like the image to go behind the button with the words on top. THanks! -
CSS to reduce banner height on single index page section
ctaylor281 posted a question in Coding and Customization
Site URL: https://christaylorlive.com I am trying to figure out the css code to reduce a single index page banner height on my home page. It is the section where i have as seen in logos. I am really struggling with this last part of my site. -
Site URL: http://www.unglaublech.ch Hi. In the brine template it seems impossible to resize an iframe block to full width of the block (not full screen). Does anybody know how to achieve that (maybe css)? Thank you
-
Hi! I'm setting up a shop and there will be close to 300 items. Those products do not have fixed pricing and would like to change the text and the functionality of the 'Add to Cart' button to something like 'Ask for the price' button. I already managed to hide shopping cart icon. I'm using Brine template. Can you help me? -
Hi there, I would like to have 100vh on my home screen only, while still use indexes for my other pages , but with a smaller (not full screen) banner across the top. Is it possible to inject code to only my home screen, and what would that code be? I think it has something to do with this: Style Attribute { /* min-height: calc(100vh - 165px); */ } site.css:13:411703.tweak-index-page-fullscreen-first-page-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-all
-
How to remove the UNDERLINE text from links in Brine?
ClaudiaFried posted a question in Coding and Customization
Hi! Please help I'v tried every code i could find in this forum but i can't seem to get rid of the lines under links (portraits fasion & beauty and lifestyle & commercial work). Any suggestions? I'm using Brine in 7.1 and the text is a medium heading. See screen dump. Im in trial mode so don't think i can share url without password but here it is: https://tetra-watermelon-pw42.squarespace.com/config/ -
I need some help fixing extra padding in between two images on Brine when viewing on a mobile device. The code I am currently using is: . @media screen and (max-width: 640px) { .homepage .sqs-block.image-block:last-child { padding-top: 0 !important; } Although I know this is only targeting the homepage. How can I target my services page (https://www.domaniquejazmindesigns.com/services) as well to get rid of the extra padding in between the two image blocks at the bottom of the page when viewing on mobile?
-
Hi all, Looking for some help in trying to do a fixed header on the Mentor template. Any help is much appreciated! Thanks!
-
I'm using the Brine template on Squarespace 7.0. I got the title and description of the slideshow gallery images to display via the slideshow design options but I'd also like to display the location metadata. I'm assuming this has to be done by inserting some custom CSS. Does anybody have any idea what that CSS should look like? For reference, I've already modified the appearance of the title and description display using the following CSS but I don't know how to turn on the display of the metadata and I don't know the class to be able to modify its appearance. Ideally I'd like it to
-
I don't see it as an option for the Foster template and I'm hoping someone can help me achieve that with code. Thanks! -
CSS Custom code not working for resizing image block!
EMpyreanArtCo posted a question in Coding and Customization
I am using this code to reduce the size of 'Amazon, Apple Books & Google Play Badges' images on my Home Index page on the Mobile version of website only (lifedeeperstill.squarespace.com) but nothing seems to be working. I upgraded my plan just to custom code! Would someone be able to check it out? #collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 { @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } } -
Logo inline with content inset brine template
oskarfishwick posted a topic in Site Design and Styles
hello, i cant seem to find where i can make my logo inline with the content inset. -
Hello community, I want to show 3 Metadata types on my blog posts (author , date, and tags). The brine template which I am using, only allows to show 2 types of Metadata. If I show the author & date using the standard site style options, is there any custom code I can use to show the blog tags at the bottom of each post? I understand how to hide certain elements in Squarespace using custom CSS e.g Item.name{ display:none; } Maybe it is possible to do the reverse with the hidden tags ? If someone could shed some light on this I would great a -
Hello. Im trying to find a way of having a colour overlay appear on the hover of an image within a gallery. I dont want this effect across every single image just certain ones within a gallery. Please see the site below for reference - as you hover over a project the colour pink overlays. https://megalodon-rose-khl5.squarespace.com/ password: Testingpassword Reference - https://www.contrastcreative.co.uk/
-
Hi Everyone, I'm using the Brine template and I'm trying to make the section with the map (it's a code block) on the following index page full width. https://hexagon-energy.com/hexagon-energy-projects (pw: hexagonprojects) I'm trying the following CSS, but it's not making any changes to the page: #projects-map-section .Index-page-content { padding: 0 !important; max-width: 100% !important; } .sqs-code-block { padding: 0 !important; } If anyone has time to take a look and offer a suggestion, I would appreciat -
Hi there, I'm looking for a way to get the header/navigation bar on my website to scroll down the page as a user scrolls. I have the Brine template. It does it automatically on mobile but not on desktop. Customer support said there isn't a way to do this natively. Anyone have some code they could suggest? Thanks! Ariana
-
Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
-
Change nav bar on Mobile? Separate Nav bar for Mobile?
JordanAWH posted a question in Coding and Customization
I have a folder in my nav bar, which works great on desktop. However, it doesn't work for me on mobile. I need a way to have just the nav links that are IN the drop down menu folder on mobile. I really need a way to have the folder on desktop nav bar, but only the links in mobile. Any suggestions? I am up for any code injections, or custom codes that will accomplish something like this. My template is Mojave. Thank you in advance for the help! -
How Do I remove underline from just the Image Block?
BKCO posted a question in Coding and Customization
Hello, I like how the underlines look in the regular text throughout my site. However, I want to remove the underlines in my Image Block : Card. Can anyone provide css for this? I am using the Blend Template. Thanks!
