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

Search the Community

Showing results for tags 'css code'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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
  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 37 results

  1. Site URL: https://lynx-whale-ladf.squarespace.com/ Dear all, Please help me solve this issue after trying to search in google and this forum. 1. How to modify the font of excerpt in the blog ? I want the line spacing more narrow and smaller. Also the categories , I want to change the font to what I have is CSS already. 2. How to modify the font of title in the blog with CSS Code in the part of summary ? I want it to be the font same as the excerpt and the line space more narrow. Also the categories , I want to change the font to what I have is CSS already. site link : https://lynx-whale-ladf.squarespace.com/ The pass word of site is 1234 Thank you so much for your help, :))
  2. All the CSS I've tried for my menu font isn't working. Any ideas? What code do I need, and what code with work? I'm trying the Nolan template - is this restricted?
  3. Hi guys, I'm a complete newbie and managed to add customisation to my website thanks to the community. I'm stuck here! I would like to have a dropdown accordion - I'm using markdowns to create them - between ProductItem-details-excerpt and product-quantity-input similar to https://schneid.org/shop/kaskad-lamp-big-seashell. can anyone recommend custom code? thanks Laurent
  4. I need help removing my logo from every page on my site, EXCEPT for my homepage on desktop and tablet! Every code snipept I've tried removes the nav or the logo from the homepage too. I want to keep my nav and just remove the logo.
  5. I`m trying to get a text box to overlay my top banner - i have a code embeded on the site for making my sections slanted is there any way to get this section to float over with drop shadow and not beeing slanted - here is a picture of how it looks This is the code i`m using. [data-section-id="5f1061d0b4db654f5c32cd66"] { width: 80%; position: absolute; min-height: initial!important; z-index: 30; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*&+section { padding-top: 40px; }*/ .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } @media screen and (max-width: 767px) { position: relative; min-height: initial!important; display: block; width: 100%; overflow: hidden; border-radius: 0px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, -15%); } }
  6. Site URL: https://maverickmpp.com/home-copy I have two gallerys, one for mobile and one for desktop/tablet. I can't seem only hide one at a time though. Can I use the data-Id to do this? https://www.maverickmpp.com/home-copy
  7. Site URL: https://birdmafia.com/elb/shop All, just wondering if it makes any difference in the way you enter custom css code in page headers. Whether each script or style is all one line, or if you break it up. See attached pictures. Lines 8-10 is one style, Lines 11-39 is another...
  8. Hello - I'm trying to use a custom font for the 'Image Block: Collage Title'. Does anybody know the css code for this? Thank you!
  9. Site URL: https://nizarphotography.com Hey everyone, I'm using Forte template and just created a cover page. I find my logo awkward on top of the page: https://nizarphotography.com What I want to do is to vertically (and horizontally) center the logo. So I'm removing the header (which is vertically centered) and replacing it with the logo instead. I'd keep 3 navigation links just below it. In the custom CSS code, I managed to move the logo down by using padding, but then the links followed as well and went all the way down. I would really appreciate your help about this. And it would be a mega bonus if you tell me how I can make the logo as a clickable link to my home page. That would be truly awesome. Thanks! Nizar
  10. Hello All, I am creating a website using the Rally template. I currently have social media icons displaying in the header of the website, but in site styles I am unable to make the social media icons their standard color. Does anyone have a css code or tip to make the social media icons appear their normal color? Unlike other templates, this template does not have the option, or at least I haven't found it, to make the social media icons their standard color. Thanks a ton.
  11. Site URL: https://pepper-vuvuzela-8ctk.squarespace.com/config/pages Hi. I added a line block to the footer of the site I am working on and want it to appear on every page, except the home page. I tried this css in both design < css and in the advanced < page header but it did not work. When I put it in design < css it removes the line on every page (not just the homepage) or when I put it in the page header it doesn't do anything. I'm sure I have the wrong code. 🙂 Any help would be greatly appreciated! Thanks so much! p.s. the template is 7.1 (Barbosa) #block-yui_3_17_2_1_1591651464208_8277 { display: none !important; }
  12. Site URL: https://suzan-terzian-draft.squarespace.com/homepage-content Hi everyone, Having some trouble with the spacing between code blocks for my client's side below: https://suzan-terzian-draft.squarespace.com/homepage-content If you scroll down to the 2nd image block, you'll notice there are 3 different sets of additional text headings which i created using code blocks (h4, h5 & h6 headings), entitled "4th type of text heading...", "5th type text heading..." etc. But you'll also notice there's a huge spacing between these 3 code blocks as well as the "Learn More" button at the bottom. How do I reduce & adjust this huge spacing between these 3 separate code blocks and the "Learn More" button? Template used is Brine & version is Squarespace 7.0
  13. Site URL: https://suzan-terzian-draft.squarespace.com/homepage-content Hi everyone, I'm currently making some changes to my client's homepage at the following link below & i need some help with the gallery images: https://suzan-terzian-draft.squarespace.com/homepage-content. (Brine template, Squarespace 7.0) if you scroll down somewhere to the middle of the page, you'll notice a gallery of 3 images with text links to the various internal pages. Noticed that Squarespace doesn't give us the option of changing the font type, size or color of the text links. So how can I go about making such changes using CSS code? Thanks in advance! 🙂 Stay safe, John C.
  14. Hi guys, I managed to reduce the width of my cookie banner, however it seems that the X icon is now misplaced, and it is too big and thick. I have searched high and low on how to change the thickness, size and alignment of the X icon. Would really appreciate your help on providing a CSS code that can do just that. I have circled the area with a yellow marker. Thank you very much~! Regards, Jackson
  15. I am trying to have my logo display on the right side and the menu bar on the left when in mobile display. I can not figure it out or find a code anywhere. please help : )
  16. Site URL: https://constantinetohme.com/treatments Can anyone help me I'm trying to restrict the width of 'gallery page' images on Supply template - [here] is an example of a 'gallery page' - where images are displayed vertically with text shown on the right. Does anyone know custom CSS i can use to restrict the width of those images? I just want the images to be narrower and restricted/custom width. I've tried different css but can't seem to figure it out... what's worse is when the browser window is made full screen the image also scales up and increases the width, distorting and just taking up more of the page then I want it to. Any CSS advice to fix that really appreciated! Thanks
  17. All my CSS code was working yesterday and now nothing is working. I have changed nothing. So I deleted all CSS code and refreshed. Then just add a CSS code to change the colour of the social icons and this does not work either. This previously did work. So I have asked Squarespace and they don't know. What is going on.
  18. Site URL: https://www.thetinnedfishmarket.com/hampers Hi there, I have different product pages in my site. I want to change the number of items per row in some product pages but not in all of them. The default settings allow you to adjust this number for all product pages only. Can someone tell me how can to change the items per row just in one product page? Thanks in advance.
  19. Site URL: http://www.physo-arcus.com i am a bit disappointed, cause my lightbox form on my site has different font, color font, and button style as the rest of the page. the problem is, that i can not change it in style editor, cause that lightbox design seems not to be supported.. thats weird. anyone can help here? probably with a cosum code sniplet? thank you very much. mr.st
  20. Site URL: https://goose-magnolia-r53a.squarespace.com/config/settings/site-visibility Hey there, Ive adjusted the margins on my gallery pages using this code: .gallery-grid { padding-left: 190px !important; padding-right: 190px !important; } This works well on desktop but the images are missing on mobile. How can I fix this please? Password is Orlabean16 Jane
  21. Site URL: http://www.heliopr.com/client-press#/arthome-decor/ I'm having a problem with a client's site. For some reason, and seemingly out of nowhere (this wasn't a problem a few weeks ago) there is a strange bit of css that is making the thumbnails look crazy on several image galleries on the site. You can see how the captions are separated by an absurd and silly looking amount of padding on the bottom of all the images at the following page: http://www.heliopr.com/client-press#/arthome-decor/ When I add custom css to the site in an effort to negate the css that is causing the problem, seems to work, but only when I am logged in. Viewing the page on another browser that is not logged into Squarespace reveals that the custom css is ignored, and the problem persists. What is going on? Can anybody illuminate how to solve this issue? Many thanks in advance.
  22. Site URL: https://www.mumfolk.com I'm having trouble formatting fonts on mobile. Couple of issues: 1. The fonts aren't displaying correctly when I view the site on my mobile phone (iphone 7) although they look differently when you look on mobile view on desktop 2. I would like to centrally align the text and buttons (standard buttons and buttons for forms) on mobile but it's not seeming to work I have 9 font styles in the CSS, not sure if that's causing a problem! Here is the code I have @media only screen and (max-width: 640px) { body {font-family: "aktiv grotesk", sans-serif; font-size: 14pt; line-height: 25px; text-align: centre !important!;} h1 {font-size: 35pt; line-height: 55px; text-align: centre;} h2 {font-family: "Bely", serif; font-size: 25pt; line-height: 38px;} h3 {font-family: 'aktiv grotesk', sans-serif; font-weight: 600; font-size: 12pt; line-height: 22px;} h4 {font-family: 'Bely Display', serif; font-weight: 700; font-size: 25px; letter-spacing: 0.03em; text-transform: none; line-height: 1.3em; color:(#E7B1F2); text-align: centre !important!;} h5 strong { font-family: 'Bely Display', serif; font-weight: 700; font-size: 20px; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.2em; color:(#000000); text-align: centre !important!;} h6 {font-family: 'aktiv grotesk', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.5em; color:(#000000); text-align: centre;} h7 italic {font-size: 21pt; text-align: center !important!;} } Any suggestions would be very welcome! Thank you
  23. Site URL: https://www.sourdoughsocial.com/services I am hoping to have the titles for my images to SHOW when you first launch the page, but then when you hover over, would like to have the text change to subtitle. An example of what I would like to do is on this page (scroll down to the twin images, entitled "Creative" and "Performance"): https://spherical.co/about/ (And yes, I realize this is not a squarespace site...) Here is the code that I have built on the back end, which has the hover text, but it makes it ALL hovered. Currently have it on collection ID for only my "Services" page. #collection-5e7bba06be11fc596290cc91 { .design-layout-poster .image-card-wrapper { visibility: hidden; opacity: 0; transition-duration: .35s; } .design-layout-poster:hover .image-card-wrapper { visibility: visible; opacity: 1; background-color: hsla(275, 30%, 72%, 0.64) } } Thanks in advance for your help! Formatting I HAVE NOW.mov Formatting I WANT.mov
  24. Hello Can someone take a look and tell me what I'm missing my image slider is broken https://www.4d-immotek.ch/home-staging
  25. Site URL: https://www.j3athletics.com/od-trial I have a page with 3 blocks going across. I've designed each one to my liking so far but cannot figure out how to get the text to be centered vertically in each box. Each box is a fixed size. I've tried nearly everything I could find on the web (margins, absolutes, etc) and cannot seem to make it work. Page is j3athletics.com/od-trial Example code in the markdown box (this would be the top left box on the page) <div class="LightBoxBorder"> Time: 15 Minutes<br><br> Equipment: Single Dumbell </div> CSS Code for the formatting (put in the CSS Design code) .LightBoxBorder {border: 2px solid #11294b; background: #00B3FA; color: #11294b; padding: 20px 20px; height: 175px; width: 260px; text-align: center; } Hopefully, I'm missing something very simple here to align the text within the box vertically (as well as horizontally centered which is done). I'd also like to add a thin blue line under each row of boxes to act as a visual separator. I know how to add a line into the page without code, but the padding on that is just way too much. I'm looking to keep the spacing to just larger than it is now between the rows. If it matters, I'm on version 7.0, bedford family template.
  • Create New...