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

Search the Community

Showing results for tags 'custom-css'.



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

  1. Hi, on this (and other pages) is a default red background before loading the actual image: https://www.nur-auf-wunsch.de/. I'd like to change it to white/#fff but couldn't edit the item in the style editor. Squarespace support told me, I have to add custom CSS. I tried to overrule the background-color of the class, but apparently failed :/. Could you please give me a hint how to do this? Thanks, Seb https://www.nur-auf-wunsch.de/
  2. Hi everyone, In this site: https://bullocks-contracting.squarespace.com/ , I would like to make change to the style of the description besides the image card. But it only worked on browser, not on my mobile device. The color did not change even I marked it important.. Here is some custom css code: @media(max-width: 700px) { .sqs-html-content.image-subtitle.sqs-dynamic-text p{ color: black !important; } } Can anyone answer this? :)
  3. Can somebody please please help me with my website. I am trying to remove the left & right padding of the images on the top of my blog.(Mobile only) I have four blogs in total on my website but I want this modification to only effect two blogs. (https://www.thecigarbible.com/en/newsblog) and (https://www.thecigarbible.com/de/newsblog) I am using the following code to adjust other padding settings on website primarily the homepage: I am facing the complication that when I change the following code, padding is added to both text and images in the blog. I only want to remove the padding on the top image and not the text. If somebody could help or point me in the right direction that would be amazing!
  4. Hi, my website is www.thecigarbible.com On the mobile website I want to remove all left, right and top padding on the image blocks containing the text "Newsfeed" and the one with "Cigar of the month", so that the image block has no padding top, left and right of the mobile screen. I have tried several different options posted on the forum herea but none seem to work right. I am either left with padding at the top, some small padding either left or right or other content blocks on my website are effected. I am using the template: Brine. I would really appreciate some help.
  5. Hello, I'm experiencing an error with Safari with my site – when I add custom code into the Page Header Code Injection of an individual page, it makes the change across the entire site, not just that specific page. I'm trying to hide a button from the footer just on one page only. It works fine in Chrome, however the button disappears from every page in Safari (pic of code attached). Has anyone else had this issue using Page Header Code Injection in Safari?
  6. Hi there, I have set my image border radius to 4px !important, however it is not working on some image corners and some images at all in my gallery grid block. The code I have used its: .sqs-gallery-block-grid img { border-radius:5px !important; } Any suggestions on how to fix this are most welcome! Thanks, Sam
  7. Hello everyone, how can I modify the following code so the 90 is displayed within a perfect square and in line with everything else.
  8. Hello, created site with Sonora template. Trying to control position of image overlaying a page's banner image. Currently the image appears to float random depending on what device / window side it is viewed. Want the image to always be at very bottom of that page so the aesthetic is the large image 'DISCOVERY' appears to come in from white page area below banner image. Attached shows how I'd like it to look. Tried and failed. Sure it's something relatively straight forward. Any help / suggestions appreciated. SIte is https://linesofsight.squarespace.com
  9. We have created a Squarespace site for the purposes of marketing a residential property, and we need to implement a tracking pixel in order to track leads from the digital ad campaign, which is run through realestate.com.au. The pixel code needs to be inserted directly after the <body> tag, however I haven't been able to access this through Squarespace. Code injection only allows me to inject code into the <head> or the footer. I'm using the Artesia template, any help is much appreciated!
  10. Hello community, can somebody on here maybe help me to develop some code that will sort all the blog post in my summary in Alphabetical order. My website is: www.thecigarbible.com the blog is found under "cigar ratings & reviews" Many thanks 🙂
  11. Hey everyone! I'm currently using the Miller template for my website, and I'm really happy with it, however the header that I have applied to all of the pages doesn't show up on my "blog" pages. Originally, it also didn't show up on my "Cart" page either, but I have since found some Custom CSS that bypassed that and allowed me to change the header of the cart page, adding a custom file and linking to it. I was wondering if there was any way that I could alter the Custom CSS to make it also apply the header to my blog posts, too? Ideally, I'd quite like to do it through Custom CSS instead of changing template, if at all possible. I've added images below of how the header is supposed to look, and then how it currently looks on my blog posts. Hopefully it's quite clear that on my blog posts, you can make out the faint outline of my logo on the top left, but everything else disappears into the background as it's white text. To clarify, I'm not after every blog post having a different header, I'd just like them to look the same as the rest of the website. Here is the Custom CSS that I'm using for the Cart banner: /* CSS for cart page banner -------- */ #cart .Header { background-image: url(https://static1.squarespace.com/static/5d488b594df4f40001e6c15c/t/5da5faddc69e0005bf91ad06/1571158753245/Starfield+One+Small.png); height: 195px !important; p {color: white;}; h3 {color: white;}; h1 {color: white;}; h2 {color: white;}; } /* End of CSS for cart page banner -------- */ And my website address is galacticvideo.co.uk, in case that helps at all. Thank you in advance!
  12. Hey! I'm using the OM template and trying to create a black and white to colour rollover on the work section of my site (https://www.sinomatic.co.uk/work) I've tried and can get the rollover to work, however it does the rollover effect on all the content within that page whereas I only want it to work on the thumbnails. I would be super grateful for any help 😊 Thank you!
  13. I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you!
  14. I am looking to add a red highlight on only half of the caption for my image blocks. Right now for other headers I am inserting them as code blocks and using the following code: <center><h1> <span class="highlight"> TEXT </span> </h1></center> and have this in my CSS: .highlight { background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #7d1718 50%); } How do i apply the highlight to the image captions since i cant put them as a code block? Thanks!
  15. Hi all, My website link is https://shallot-piano-yxfr.squarespace.com/config/ and the password to see it:11223344. I use version 7.1 and the template is Almar. I want to use my black logo for most of the pages and change it to white in couple other pages. Tried some custom CSS provided on other posts but didn't work. Any help would be appreciated. Attaching my logos... Thanks
  16. We currently manually built our store pages with product blocks to get the add to cart button to appear under each product in our store - for quick shopping. However, doing this means we can't use the built in store functions (like image display changing on hover) and sort / tag features available. Does anyone know if there is a way to get the add to cart button to display in our store for each product below the image, price etc. ?
  17. Hayden Template: Is there custom css code to add a banner image to a gallery page OR make a block gallery to have the same aspect ratio (in auto) on a regular page? Hi there! I love the layout of the gallery page on Hayden where all the pictures are placed in their natural size (selected "auto" in aspect ratio of style guide of gallery view). However, I'd love to add a banner to the gallery page to keep a nice flow throughout all the pages. I've created a page and added a gallery block to include a banner, however, the grid changes and crops all the images to the same size. Does anyone have a css code that would allow me to add a banner to a gallery page OR create an un-cropped gallery block within a page? I've included images to show the gallery auto grid vs the block gallery grid. Thank you so much! This is the gallery grid I'd like to accomplish on a regular page: vs BLOCK gallery view:
  18. Im trying to remove the navigation menu from my home page but leave the logo at the top. I can only find answers on removing the entire header along with it, I need to be able to leave the logo untouched. Any solutions? Using the Bedford template
  19. Hello! I’m designing a website in swedish and would like to know if it’s possible to change language on the ”password” bar? So that the placeholder is in another language than english. I’m also wondering if it’s possible to use custom fonts on lock screens? Thanks in advance!
  20. Hi there, I am building a website for a client and they have asked that the gallery grid lightbox 'X' is darker and the left and right arrows are darker and are visible all the time (rather than only on hover). I have scoured the forum and can't seem to find a code that works for the site. The template is Foster. The website is https://apricot-frog-pc6a.squarespace.com Password: lynne.2019 An example of this can be viewed on any of the pages under 'work'. Any help would be greatly received! Many thanks, Hannah
  21. Hi guys it would be great if anyone knows how to make the navigation header fixed to the top of the screen on the Haute template? The mobile header is already fixed but I cant manage to do it on desktop. I imagine there might be some simple css that I can add 🙏 Thanks!
  22. Ok, I think I'm going a little crazy here. Perhaps I'm missing something totally obvious, but it looks like there's a bug with "text-align: center;" for the div in which I've placed a fontawesome icon. The screenshot linked clearly indicates the id selector #identity-icons is working since it's been resized BUT it's not letting me center the icons. I operate another squarespace site where I'm able to do this no problem so I have no idea what the deal is here... any ideas??
  23. Hello- I've created a custom floating button on the right side of my page (https://savemoneyplanet.ca/learn-more). I'm able to redirect it to any page slug that I input into the code, but on my home page I have a form within a button https://savemoneyplanet.ca/ (under the Take Action button) and I'd like for that button to directly open that form on that page. Maybe there's a code command that opens a link within a page as soon as it's opened/redirected to? Here's my floating button code: <div id="take-action"> <a href="/savenow"> Book your consultation </a> </div> Also here's the button code on the home page that I want to redirect to when I Inspect it: <a class="open-form-button" id="yui_3_17_2_1_1572640913562_1084" tabindex="0">Take Action</a> Any help would be appreciated, Thanks
  24. Hello, I have uploaded a background image but I would like this to appear on the homepage only. Does anyone know the CSS to do this? Also how do I remove it altogether from mobile? Thanks https://greyhound-keyboard-sa3k.squarespace.com/
  25. Hi! I'm trying to change the font when you click to enlarge a photo in a gallery. See attached screenshot. I added a custom font for Header 1 and that is the font showing up in the enlarged photo caption. The problem is that it is small and difficult to read. I'd like to change it to H2. Squarespace support could not help and suggested I try here. They said i may have to edit the custom CSS to change it, but when i looked, it seems like it would change the H1 font on the entire site. TLDR: So basically I need to change the font in the enlarged photo caption from H1 to H2. You can see here: www.iglamlab.com > About > Team > click to enlarge one of the photos in the gallery and see caption font.
×
×
  • Create New...