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. I want to keep my header right-aligned but have the folder links left-aligned.
  2. Site URL: https://weareluxus.co.uk I need help changing everything about the customer login popup in horizon. ie: I've tried to start with the sign in button and this is as far as I've got (not even sure this is close): button.Button-container-BtFfe { background-color: #e08700; border-radius: 3px; color: #000000; display: block; width: 100%; font-weight: 700; line-height: 22px; padding: 11px; margin-top: 22px; text-transform: uppercase; } Any help appreciated. TIA Andrew
  3. Hi all, I'm having some issues with a custom font I am trying to use. a space seems to appear after some of the letters and some of the letters seem to become part of the previous word as if the space character is showing up on the wrong side of the letter. Has anyone seen this before and know of a fix/what I might be doing wrong? Thanks in advance Ioan
  4. Site URL: https://www.pampa.co/ Hi ! I want to hide the "User Account Log In" stuff of my navigation, does someone know if i can ?
  5. Does anyone know how to add text (ie: "next" and "previous") and page numbers to the pagination of the blog section, using CSS on v7.1? Otherwise the small arrows are barely noticeable. Thanks!
  6. Hi there, I'd like to add a background to my website that is similar to this example: https://www.ginlane.com/ I've managed to work out how to just add a background color gradient, but it isn't quite the effect I'm after and I'd more so like to add a gradient/color change that activates on scroll. As I will be using colors that don't necessarily gradate (as per the example above), I'm wondering if instead of looking for a gradient option I should be looking for an option that would offer a smooth transition between background colors instead? I'm using the Mentor template, which is in the Brine family. Any help or suggestions are greatly appreciated! Thanks, Jessica
  7. Site URL: http://www.andyancreative.co/work-2 Hello! I need help writing code to restart a gif on hover within the index thumbnails. I'm working on my portfolio and the block I'm trying to target is the logo collection block on http://www.andyancreative.co/work-2 (second row on the right). I have the image changing to a gif on hover but would like the gif to restart every time when you're hovering over it. I'm not sure css code or javascript is needed but thanks in advance!
  8. Site URL: https://sprout-tuna-swnf.squarespace.com On my site homepage I have a block that shows, titles and excerpts of my blog. I'm trying to style the titles, and have been able to make some changes to the style, such as color and weight, using the CSS selector "a.summary-title-link " - however when I try to change the size of the title, it doesn't respond. Does anyone know what I need to do to adjust this? The page is https://sprout-tuna-swnf.squarespace.com/ the section I'm trying to change are the titles under "Projects" halfway down the homepage
  9. Hi Squarespace experts: I've been building a site in the Brine template, but have never been totally happy with the product detail page, so have built a test page to try a different layout. In this test page I have stacked images in the left column and product block in the right, along with text fields, spacers, etc, to achieve the desired layout. It's working well, for the most part. My hope is to hide the product pages and use this custom pages as my detail page once a shopper clicks on a product from my shop page. However, an issue is: when I add a product block to this page, the variant dropdown (in this case, "Size"), and its associated title looks bad - the font and dropdown design are not styled, nor is the "add to cart" button. They are missing the nice styling I had set with my actual product pages. It's as if the style settings are not translating to the product blocks. Does this make sense? Is there some CSS I could use to dress the product block variants and add to cart button?
  10. Hello! I would like to remove certain navigation items in the shopping cart page. - Template: Brine (Hyde) - Hide: Primary navigation items 4 and higher (nth-child(n+4)) - Hide: Secondary navigation item 2 (last-child) - Hide: Footer navigation items 5 and higher (nth-child(n+5)) All other pages work perfectly fine with hiding navigation elements using css codes and targeting their collectionid- and itemnumbers. But I can't seem to find out how to target the shopping cart page. Appreciate any help! Thank you. Sincerely, Berthold
  11. Site URL: https://www.mentalhealthinstitute.org.au/resources Hi there, I'm using the Anya template in the Bedford family. I was wondering if anyone knows how to adjust the width of a blog post so that the page content appears to be the same width as other normal pages? The blog post (10/10 image example) doesn't take up the full width of the content, whereas other pages do (Short Courses, for example). i would also find it helpful, to know what css to use to hide the "older post" link displayed at the bottom of posts, and css to hide the date and author metadata at the top of a post. I've got it set to transparent for now, but that also hides the tag information, which I would like to have visible. Would greatly appreciate any help. Bonnie
  12. Site URL: https://www.damoncameron.com/ I'm wondering if there is a CSS work around to have each video playback in full screen by default once the play button is tapped? Rather than having to tap the 'full screen' button in the vimeo or youtube player which is clunky and unnecessary in this day and age. For mobile devices its pretty much essential for clean, impactful viewing. Many thanks
  13. Site URL: https://www.searchangels.org/contribute In almost every other form platform you can send/redirect people to a "thank you" web page after the sale is confirmed. I already send them an email, which is already built into Squarespace. I am unsure if this requires a special CSS hack or a Code Injection. I have developer mode enabled, but the original template was "Bedford". The account level if advanced commerce; which enabled paid subscriptions. We only use purchases through Squarespace for donations or paid subscriptions. Any help is welcome.
  14. Site URL: https://thecottagenursinghome.squarespace.com/ I've figured out how to align the headline/cta to the right, but want to move everything to the right (see screenshot)
  15. Site URL: https://koskinen.co/test-page 👋🏻 I'm trying to create fancier highlights for my page. However, I only see them correctly when in "7.1 page edit mode" (reference images attached). Here's the code: Code block The highlight <span class="highlighttest">of the day</span> Stylesheet <style> /* Better Highlight */ .highlighttest { display: inline-block; position: relative; } .highlighttest:before { content: ""; position: absolute; top: 14px; right: -2px; left: -2px; bottom: 1px; background: #43A6DB; opacity: .5; z-index: -1; } </style> Here's the URL: koskinen.co/test-page What might be the problem? Matias
  16. Site URL: https://andrewmarshallphotography.com/novus Hi, how can I reduce the space between the first element and my heading on this page (MOBILE ONLY) ? Here Thanks so much! Also if there was a way to remove the social icon from just that one page that would be awesome too but not necessary.
  17. Hi I'm using the portfolio template "Cami". I'm able to center my logo for desktop view, but when I switch to mobile view the logo moves to the left side of the screen. Is there a way to keep the logo in the center for mobile view? Thanks.
  18. Site URL: https://parrotfish-cymbals-axkd.squarespace.com/ Hi there, I have a few Index pages (sub-pages?) where I want remove the padding so that the content is full screen. I'm currently using the id's of the Index Pages (like below), and it works temporarily, but the id's keep changing and then the code stops working. #yui_3_17_2_1_1580574561775_504.Index-page-content { padding-top: 0; } I've tried replacing the ids and go the #page-title route, like below but that just isn't working at all. #Instagram .Index-page-content { padding-left: 0; padding-right: 0; padding-bottom:0; max-width: 100%; } I've also tried adding this code to the page header, and while it works if I place it on the Index page, it won't work if I place it on the sub-index page. <style> .Index-page-content { max-width: 100% !important; padding-left: 0; padding-right: 0; } </style> What am I missing?! Website url is https://parrotfish-cymbals-axkd.squarespace.com/ and password is localforeigner
  19. Hi! I added a custom font to my site, and was able to update all the headings without any issue, but i've tried multiple ways of coding for the title text and I can't get it to update to the custom font. Below is the code that I have currently. I've tried "h1.logo a", ".span site-title", "h1.site-title", ".site-title", and many others that i've seen posted in previous threads. @font-face { font-family: 'collection-regular'; src: url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d74062875eb21496b77b4/1581085702842/collection-regular-webfont.woff2') format('woff2'), url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d73f35749b2699ac528ab/1581085684273/collection-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } H1 { font-family: 'collection-regular'; } H2 { font-family: 'collection-regular'; } H3 { font-family: 'collection-regular'; } H4 { font-family: 'collection-regular'; } site-title { font-family: 'collection-regular'; }
  20. Site URL: https://www.dbtherd.com/ I've scoured the web trying to figure out how to add a custom font to my site (*edited to add: I'm using version 7.1). I learned how to add a custom CSS to change the heading fonts, but I can't figure out how to change all of the other text fonts (namely the paragraphs, links, and blog post titles). Any and all help is greatly appreciated!
  21. //Adds extra space to header .Mobile{ padding-top: 1.5%; padding-bottom: 1.5%; } Hi! I have a client who added a hamburger menu on mobile (using the code above) and now they want to add a social media icon on the navigation bar. The font awesome work around is not working and I'm not sure how else to implement this? Help!
  22. Hi I have the pacific template and am trying to target a specific page and change the background color. I already have a custom code increasing the max-width of the content on the page as below #collection-5e3c8b724983176cf11b8804 #page { max-width: 1310px } I want to keep this code and add the background color. Thanks!!! --- Edit I was playing with it and this code changes the background color but not full width! #collection-5e3c8b724983176cf11b8804 #page { max-width: 1310px; background-color:#34b9ec; } I need the color to go all the way to the edge of the screen
  23. Looking for a way to increase the form field description text's font size for Form Blocks. The small grey text that displays below the field title is a bit too small and I want to make it larger.
  24. Hello, I've introduced some custom CSS to the contact form. It works when I'm on the Squarespace editor but they break on the browser URL with the text fields becoming black (they should be white). Does anybody know what's happening? My site, running on 7.1 https://pelican-chiton-xwy4.squarespace.com/contact Cheers, Xavi
  25. Site URL: https://www.follow-our-steps.com/book-your-trip-1 Hello, I have put a widget up on my website that doesn't respond accordingly to the changes in window size. So full screen on the website it works great, but on mobile it makes the page all sorts of messed up. I have two questions - 1. Is it possible to just exclude this widget on mobile? So it shows up on desktop but not on mobile 2. Change the code so that it adapts to window and browser size like my other widgets? Here is the code: <div> <div> <iframe border="0" frameborder="0" width="450px" height="100" src="https://co2offset.atmosfair.de/co2offset?p=1000201243#/flight?locale=en"> I have changed the width and height but it doesn't really look good on mobile. I think I would prefer to somehow exclude this and its title from mobile, but don't know if that is possible or worth it. Here is one example of where it is: https://www.follow-our-steps.com/book-your-trip-1 Thank you! Chris
×
×
  • Create New...