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

Search the Community

Showing results for tags '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 588 results

  1. I'm trying to make my banner images responsive for different screens. So, I've injected SVG images with the svg tag into the page header, however, the image appears above the navigation, not below it in the banner section. How can I call out the image to appear in the banner?
  2. Hello ! I would need some help as I would like to have my blogposts summaries look like the photo enclosed. I'd like the title and image to overlap and the title to be in a sort of " white box" (collage style but centered)Do you maybe have some css code to help me ? I have been looking all over the internet but couldn't see anything helpful ! Here is my website if that can help : slaemag.com Thanks so much in advance ! Jessica
  3. Hi! I’m using the Brine template (Wav) and trying to customize my the gallery on my page so you can click a button to view thumbnails. I have the button, but I’m stuck on how to show/hide the thumbnail strip. So far, I have added this to the code injection: <script>function myFunction() { var x = document.getElementById("the div"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } }</script> and this is the button on the page: <button onclick="myFunction()">Thumbnails</button> <div id="the div"><p> <br> Thumbnails here </p></div> This is the link to the page: https://adrian-merrick-aks4.squarespace.com/becky-copy Any advice would be greatly appreciated!!
  4. I'm trying to add some custom code to alter the text of my site on mobile as there's no functionality to do this in the style editor, other than dynamic scaling which is unpredictable and inconsistent across blocks. I added the following to adjust my headings, which was straight forward but I'm struggling to target text within image blocks @media only screen and (max-width: 640px) { h2 {font-size:2em;} } Thanks
  5. I want to put a white box around a text block and button block, so that they are both inside that box. Normally, in Wordpress etc., I'd do this by applying a white background to the column in which that the text block and button reside. I know that due to Squarespace's structure, applying CSS with the column's the yui won't work, because the yui changes with each page refresh. So I am able to put a white box around either the text or the button, at the block level, but not BOTH. Is there any way to do what I'm trying to do?
  6. Many versions of this question have been asked, but I'm a small business owner brand-new to Squarespace, I'm using 7.1, and so far none of the CSS solutions from previous versions of Squarspace seem to be working for me. I want to change the logo for individual pages - on my home page, I want my logo in its normal full-color form. For the rest of the pages, I want it to be all in white (this is to keep it visible against the backgrounds I'm giving it). I have the two separate versions of the logo (color and white). The color logo is currently on all of my pages, and the white logo is uploaded in my custom files. Is there a bit of CSS code that I can use to replace the logo in the header on any one page? Again, there are lots of answers to this already, but none are working, and I suspect it's because I am using 7.1. The answers all seem to be template-specific, but as far as I can tell, all of the templates are similar in 7.1, and I can't change my template to try different ones (??) Sorry if my question was confusing. Thank you!
  7. Hi! So I am trying to change the hover color per link. To be more specific, if you go to my website rickytimmermans.com and hover over Photography and see the sub-categories {portrait, scenery, etc.}, I would like a different hover color per line. The CSS code I found through @Paul2009 was : a:hover { color: white!important; background: black; } So instead of doing black for the sub categories, I want to do other colors. Anything would help. Thank you!!!
  8. On the front page of Squarespace, there is animated text at the moment: Make it beautiful.Make it loud.Make it tasteful.etc. etc. What's the simplest way to do something similar on my own website? Is it done with js or css or something else? Thanks for your answers.
  9. Hello - I use a codeblock to display a form on my page... https://cides.squarespace.com/register However, the code block has way too much vertical white space above and below it. Is there a way I can fix this problem? I've attempted to copy CSS code from other postings, but it hasn't worked. Slight handholding deeply appreciated on this one :) -Eric
  10. Is it possible to make custom CSS to show the logo before the title in the top left of the Forte template? If so would anyone know how to do so?
  11. I tried inserting a html/css code (it's supposed to be an intro of my name/education like a typewriting gif) on my homepage but it keeps giving me the missing opening '{' even though I tested out the code on codepen.io, which worked fine... I then proceeded to add '{' in my code but it gives me "error on line _" (whenever I add the {). I'm not sure if it's glitched or I did something wrong.
  12. I'm using the Tremont template and have managed to get the logo and social icons centered with some CSS however, if you view the site on a larger monitor (24"+) the logo and social icons are no longer centered. Any ideas how to make it consistent over multiple screen sizes? View the site demo here - https://rumemockup.squarespace.com/home PASSWORD: RUME Thank you!
  13. I'm trying to make the title "Micah Taylor" on one of my pages white instead of dark blue. Right now I'm trying: #collection-5d759a43d5d43563cd41a84c .page-title{ color:#ffffff; } and it's not working. Here is the site: https://www.micahrtaylor.com/wheelchair Please help!
  14. Link to the site in question: ecopatina.com I've set up my other pages just the way I want them using the page indexes and banner images using Basil template, see the About page for example. I want the homepage to be only a responsive full-bleed image with no scrolling, like this landing page I've made. The problem with using this landing page as the home page is the style doesn't perfectly match the rest of the website and it doesn't look very good on mobile. I've seen responses to similar questions on here but they don't seem to work for me. Please let me know if you have any suggestions. Thanks!
  15. I am working on this site: https://perseverancetrailrun.squarespace.com (pwd: checkitout) And need to get the background colour on the middle footer to be white so that I can add a bunch of logo images. @danieljs I saw that you helped with a similar issue with regard to background colour but the CSS didn't work on this site. It may be because I don't know what the footer is called in the coding. Thanks for your help!
  16. I’m using the Wells template. How can I have titles and a caption for gallery images appear in the lefthand sidebar? I would also like it to use a small font so this is not distracting and fits to the sidebar. But I don’t seem to be able to independently set text for the blog page. Is there any way to do this with CSS?
  17. Hi - my website is www.bluutour.com and I'm using the Cacao template. I'd like to change the background color and font for just a small section of that homepage. I'd like to change the font to white and the background to this shade of blue #0f73ba. I'd like to change just the small section of the homepage that includes this text: "Bluutour is the First of its Kind as a Self-Guided College Campus Walking Tour App Made by Students for Potential Students"
  18. I've integrated a photography slider for comparing before & afters of construction jobs. It uses the gallery block to create the comparison slider. For some reason though these sliders dont load, and it just shows the two images stacked. If i reload the page sometimes it will work however. It seems very inconsistent, across all browsers and even mobile it'll either work or not. https://www.rebuildex.com/before-and-after Here is the tut I followed to implement the comparison slider: https://www.rebeccagracedesigns.com/plugins Any suggestions or alternatives would be greatly appreciated!
  19. Hello everyone - Does anyone know how to achieve a highlight or box behind individual lines of text? Here's an example: https://scalabilityfactor.com/ This is not my site but it was built on squarespace so clearly it is possible. Would love any help you can provide! Thanks! Brooke
  20. Hi all! Having issues with two vertical scroll bars on the Lange template. See image below: A quick fix that I've found is to add .overflow-wrapper {height: 100vh;} to custom CSS , however when I do this the Index Nav Footer does not load when scrolling to the bottom of the page. Upon inspecting the element I've found the following code that seems to be preventing the Index Nav from showing: .index-item-navigation:not(.hide) { opacity: 0; will-change: opacity;} Any chance someone could help out? I'm trying to remove the double scroll bars without affecting the Index Nav Bar. Website is www.mylescooley.com, and the issue can be seen when clicking into the photography index pages.
  21. Here's a URL for example: https://www.newinc.org/year-6-members/adrian-sas I tried the answer shared here, but it didn't work: https://answers.squarespace.com/questions/219248/how-to-disable-or-hide-the-next-and-previous-butto.html
  22. Right now I'm trying to change the font style of the gallery blocks on my home page for the template "Impact". (See Attached) I'm using ".sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: "LaborUnion" !important }" but it doesn't seem to be working. The file can be found here: https://nectarine-lime-6www.squarespace.com/
  23. Hi, My first question here and I am only just learning about CSS.I am trying to get several buttons on a page to be the same width so that it looks better. I have seen several posts about this but can't get them to work. I think it may be something to the first part of the code immediately after the # in some suggestions as I don't know what this refers to.I only really want this to fix the width on a particular page as there are other pages on the site that have buttons I would rather not have affected. The url is https://www.ruralministries.org.uk/regionalconferences2020 I hope that is enough info for someone to be able to help. ThanksNick
  24. I'm trying to add a hover effect on image blocks (in Brine.) I've seen a number of possible ways of doing something like this on this forum but I can seem to fiddle with them to get the desired effect. What I'd like to do is, upon hovering, I'd like the image to fade into a certain colour (2780bc) and have white text over it, heading 2 and, if possible, heading 3. Is this even possible? Any help would be great, O
  25. Is there a way to put the Brine social icons in the footer? I know it seems like it just has header options but I wonder if anyone has done a custom CSS or something. Any help would be great. Thanks, O
×
×
  • Create New...