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




Expert ID

Found 42 results

  1. Can some one help me create a better design for the following mockup.. I know the color choice is terrible, but i am not allowed to change that I am using SP 7.1 1. If there is a way to split this section into two halves and show picture of book in left half. 2. Have a better way to list all book formats ( first three are products on the current site), and next two are linked to external site.
  2. Site URL: https://www.randombranding.com/tweetables All twitter-share-buttons disappeared from my "tweetables" page, where people should be able to find a quote they like and click-to-tweet. I've used twitters own code (from their developers site here: https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview The page worked perfectly fine, with all the code blocks carrying the twitter share buttons, and publishing on twitter as intended (see example here) On September 4th, 2020 all buttons just disappeared. Other websites seem to still carry them, so I presume it's a Squarespace issue? Here's an example of code I've used to make a quote "tweetable": <p class="tweetable"> “I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.” — Maya Angelou <br> <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=&#34I&#39ve%20learned%20that%20people%20will%20forget%20what%20you%20said&#44%20people%20will%20forget%20what%20you%20did&#44%20but%20people%20will%20never%20forget%20how%20you%20made%20them%20feel&#46&#34%20&#8212%20Maya%20Angelou" data-url="randombranding.com" data-hashtags="branding,perceptionisreality,UEX" data-via="randombranding"></a> Here are the class definitions: .twitter-share-button { float: right; margin-top: 9px; } .tweetable { display: block; background: white; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 45px; margin-top: -10px; margin-bottom: -10px; font-family: SF Pro; font-size: 0.9em; border: 0.5px solid hsl(0, 0%, 73%); } Anyone know what I can do to make the buttons re-appear? Than ks in advance for any pointers!
  3. Site URL: https://www.jealousfruits.com/ I am trying to get the Page titles and sub-pages to change colour when hovering over them - on the site header. The codes works when I am in edit mode but then doesn't actually work on the live site, or when exiting edit mode. When the website is live the background colour changes on hover but the text colour doesn't - even though the code should have the text change to black on hover. I have attached photos of the code and the issue.
  4. Site URL: http://bellsandbeyond.se Hi! I'm setting up a shop and I want the customers to be able to choose between different variants of the products. So when you add different variants Squarespace automatically adds a drop down menu for you, but it also adds the word "Select" to it, and I would like to get rid off that so that the default menu only shows the name I picked for the variant option (in this example "Option name of my choosing"). See attached image! Thank you! This is really bugging me...
  5. Site URL: https://youhavetodo.squarespace.com Believe me, I tried almost a week on this problem. I read different articles watched YT videos but it's not worked accurately. P.W.- 11111A Can anyone please solve it. I just want to Responsive Dot carousel with Clickable slider change. It will very beneficial for me. @rwp @paul2009
  6. 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, :))
  7. 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?
  8. 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
  9. 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.
  10. 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%); } }
  11. 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
  12. 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...
  13. 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!
  14. 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
  15. 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.
  16. 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; }
  17. 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
  18. 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.
  19. 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
  20. 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 : )
  21. 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
  22. 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.
  23. 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.
  24. 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
  25. 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
  • Create New...