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

  1. Theme: Wells I would like to force my site to show the mobile menu, even when displaying on desktop. Is this possible? I have included two images below, the first is my desktop version and the second is the mobile version. Thank you!
  2. Hey, I am looking to change the word 'Menu' to the word 'Teams' on the mobile version of my Wells site. Is this possible? All the best, Jack
  3. How do I remove the banner image on a page in mobile and/or tablet view using the Mojave template?
  4. I've been trying to use the Custom CSS to change my websites title but cannot figure it out! I managed to changed the header but not the actual title. Any help would be much appreciated thanks!
  5. I am currently using the HYDE template and all the other recommended CSS solutions given are not compatible with my template: https://www.houseofink.studio/shop-onlineIs there another possible css code injection I could use. Additionally, I have been able to get the pixel border to work on other pages: https://www.houseofink.studio/tattoo-studio
  6. Hello,So, I was wondering out of interest if it would be possible to do the following on the York template.At the moment, I have a grid of logos which if I want, on click, I can open as a larger image in a lightbox view. What I would like to do is, on click, show the full logo with typography. In other words, a different image to that shown in the grid. Below is a link to page in question. https://weegiant.net/monomarks Thanks for any help ;)
  7. I want to modify the style of the author profile that displays on my blog posts in the Skye template. The built in style setting allows you to hide this section or move it to the sidebar or below the post. I’d like to change the background color of the container from gray to white.
  8. Help please! This is the site I am working on:http://www.powersoccerteamusa.net/teamusa/ I am trying to make it so when you click on an athlete's image, a window will pop open that will show their biography. Is there a way to do this?
  9. Hi everyone, wondering if there's a way to add an image to the overlay that appears on the Camino template? The overlay shows up before you scroll on each page. You can change the text but I'd like to add an image if possible. Thanks!
  10. I have quite the peculiar problem... First of all I want to say that this is a very important issue for my client, If I can't find a way to do this it is not going to be good.. Its really a simple thing, but I don't know if square space will support it. They want the text of the banner of the homepage to have a special format and they want it aligned to the left. I've got that part figured out: // funky rules to make the banner text look right on the homepage #IDoftheHomepageBanner { .desc-wrapper { float: left; text-align: left; vertical-align: baseline; } .desc-wrapper p:nth-of-type(1) { font-size: 48px; text-transform: none; font-weight: bold; } .desc-wrapper p > strong { color: #004a88; font-size: 48px; font-weight: bold; letter-spacing: normal; } .desc-wrapper p:nth-of-type(4), .desc-wrapper p:nth-of-type(5) { text-transform: none; color: #004c8a !important; letter-spacing: normal; } } However, this presents a problem that they really don't like... when the page is expanded the text stays all the way off to the left. The image that they have for the homepage banner has a person in the middle/right, they want the text to "not fly off into no man's land" way far out to the left, but to still stay to the left... Kind of hard to explain. Here is the website I am rebuilding, they want it to look just like this banner. As you can see, when you expand the page the text follows, until you hit a certain point. When you hit that point it stays stuck against the banner image, but not all the way to the left of the page. Almost as though there is an invisible vertical border the text is stuck to. Anything you can tell me sure would help. I thought maybe somehow if it's possible to have two columns in the banner you could then align the text to the right of the left column.. but even that would present problems. I'm really at quite the impasse. Thanks in advance.
  11. I'm editing a collection landing page and here is the CSS I have developed so far: #collection-xxxxxx { .Header {display:none;} .Footer {display:none;} .form-wrapper .field-list .field .field-element {background-color: rgba(0,0,0,.5); } .form-wrapper .field-list .field .field-element:focus { background-color: rgba(255,255,255,.9); } .sqs-block-form input {color: white;} .sqs-block-form input:focus {color: black;} .form-button-wrapper .sqs-editable-button-color {background-color: rgba(255,0,0,1);} .sgs-editable-button-color:hover {color: blue;} } I set up the form, so that it is transparent and when you enter text the fields are white (text black) and when you are not editing the fields the text is white. I'm having issues with the button. When I hover over the button the background is white. I want the button background to be red, text white, and when I hover over the button the background either stays red or changes to anything but a light color. I'm okay with the button hover to change to white if I can have the button text color change to black at the same time. What am I missing here?
  12. Hello! I am working on this site: https://rectangle-gecko-tryt.squarespace.com (password is: test) This site uses the York template. I am trying to remove the header/site title from the workbook page (https://rectangle-gecko-tryt.squarespace.com/gregprayworkbook). I was able to do this with the following code: #collection-5d5a22edb451b500013591da { header, footer, { display: none !important;}} However, it still shows for the tablet and mobile breakpoints. We will be using a Personal Level account so we cannot inject this code into the individual page via the advanced settings. I have seen many posts on this site that use that solve but nothing that leverages the custom CSS for York. Do any of you have any advice on how to fix this and remove the site title from the mobile breakpoints for this one page only? Many thanks!
  13. I am building a pricing table of sorts which encompassed four images of the same size with the idea that they will be parallel. I'm running into an issue with this on mobile because not each image has the same # of benefits. For example, Tier 1 has 3 benefitsTier 2 has 5 benefitsTier 3 has 8 benefits Tier 4 has 10 benefits In desktop, since the 4 images will be parallel, it looks okay. In the mobile view, Tier 1 lists the 3 benefits and then the user would need to scroll through all of the blank space to see Tier 2. ** I would like to use different images in the mobile view of the site** Is there a piece of code I could use to accomplish this?
  14. Hi, all! I'm at my wits end trying to figure out why one section of my website breaks words, while the rest does not. It's only on my blog page that I'm having the issue. I'm using Brine and I've entered the following css into my main css thread: .fancyborder { border:4px solid #FFFFFF; padding: 10px; } p, h1, h2, h3 { -webkit-hyphens:manual !important; -moz-hyphens:manual !important; -ms-hyphens:manual !important; hyphens:manual !important; } #collection-5cfb3a28e542360001af09e6 { header { display: none !important; } } This works for everything else on my website, so why not this single page? It's an index page that will serve as a blog page There is currently no code injected on the page itself, but I've tried implementing several different methods i.e. "hyphen", "word-break", "word-wrap", "overflow-wrap", and "white-space" to no avail. I'm REALLY struggling here and have spent 12 hours now on the problem. Thank you all so much in advance!!
  15. I'm looking to move my secondary navigation to the footer. I already have footer navigation there, but want to add another navigation section so they split nicely. Does anyone have CSS to achieve this?
  16. Hello There, I currently added a feature, which is using link to trigger a lightbox image.I followed the incredible tutorials from "spacetutorials.com" as I know nothing about coding... The lightbox worked really well but only with a problem, the size is not responsive on mobile browser... Can anyone tell me how can I fix the problems? Here is the URL of my webpage as your reference:https://andychu.design/test Thank you very much and looking forward to hearing from any solutions. Cheers,Andy
  17. Hello, I've found plenty of the opposite (remove quantity field) but I'm having the other issues, my quantity field is hidden on my products. It will show up only if I select "Show add to cart button", but not on the product itself (either on Quick View, or if you select the item. Add to cart is visible, but there is no QUANTITY field. I did find some examples of CSS code injection that hides the quantity field: .product-quantity-input { display:none !important; } Website: www.hoerrnursery.com/holiday2019 Thanks in advance for any help. Using Brine template family and Fairfield template.
  18. hello I've used the following CSS code to make buttons exact, but the text is now aligned at the bottom of the button and I want to centralize it to the top, I already tried some codes but none worked.... element--large { width: 120px; height: 20px; }
  19. Hello, How can i add content inset to blog texts only - also i would like the left margin to be aligned . Thank you!
  20. Hi everyone, I'm trying to replicate the image border on an existing site's homepage www.scribbleanddaub.com. I managed to do this last year in a demo, but left it too long and was deleted :-) now I can't remember at all how I did it. An example of the html in the original site border is: <img class="border-left" src="http://scribbleanddaub.com/wp-content/themes/scribbledaub/img/border-left.png"> Would be great to know if it's possible to apply this to a gallery on a particular page, as it is in the original site. Many, many thanks for any help. Tim
  21. Hi, I'm wondering if there is a way to make a Work page like this: https://www.reveilleinc.com/work/ I need the bar where I can filter the items like in the example. Thanks,CA
  22. Hello,I am using the jasper template. I am trying to get a background image behind my logo in my header. I want to add the shape in the photo behind the logo and navigation on the actual site. Any ideas?! thanks, Ashley
  23. Wanting to center the excerpt text and read more link for blog posts on the Pacific template.
  24. Hello, The custom fonts that i have added in css looks fine in one computer, another is not reflecting the body text only while, the mobile is not reflecting body text and H3... anybody know why different browsers show different results when it comes to custom added fonts.. ? Thanks
  25. Hi all, After trying to add a banner image to my homepage (done it before 10's of times without problems), the website got destroyed (see images). Somehow it seems like the CSS doesnt connect with the whole website anymore. I did nothing strange or special, just changed the cover image via the regular procedure. Does anyone have a solution to this? Removing or adding other cover images doesn't seem to work. A new image won't save either. The website has not showed any problems before and needs to be online since our business is opening 1st of september. Regards,Sjoerdalt text
×
×
  • Create New...