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

Search the Community

Showing results for tags 'line'.

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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Hi! I'm using the brine template and I'm trying to add a fixed scroll full width line at the bottom of my header and top of my footer. Does anyone have custom code to do this? Thank you!
  2. Site URL: http://spaceforce.design/ Hi guys, I want to make a scroll indicator exactly like this: http://spaceforce.design/ Is there any code I can use for this? Thanks so much in advance!
  3. Starting to work on a new website and looking to add some character to the header by placing two solid lines horizontal across the page. I have been able to figure out how to do a single line, by adding the following to the CUSTOM CSS, but nothing I do allows me to have a second line in a different color, which is what I am trying to achieve. I am using the MENTOR template and I'd like to have this to separate the header from the main section of the page in the instance where I might not use a banner image .Header { border-bottom: 5px solid #b0b579;}
  4. Site URL: https://endive-denim-89ds.squarespace.com/ Hi all! I am trying to create a title effect with a line animation that comes from either the left or the right side of the viewport. I thought I successfully made it work, but when my colleagues watch the website on their large screen (2560x1440) the lines stop before reaching the side of the viewport. Here is the markdown block I've made for the left lines: <div style="text-align: right">We produce a new standard<br>of 3D films and images ====================================================== </div> <h
  5. Site URL: https://endive-denim-89ds.squarespace.com/ Hi all! I am trying to create a title effect with a line animation that comes from either the left or the right side of the viewport. I thought I successfully made it work, but when my colleagues watch the website on their large screen (2560x1440) the lines stop before reaching the side of the viewport. Here is the markdown block I've made for the left lines: <div style="text-align: right">We produce a new standard<br>of 3D films and images ====================================================== </div> <h
  6. Site URL: https://www.jonathankusagaya.com/#/mercedes-amg/ Hello all, I recently upgraded my account to a Business one so I can mess around with code(which I am new to). My intention is to make my page seem like one long image without any line breaks. After some digging online I was able to successfully remove padding between images and stack all my images from top to bottom. However, a small thin line still appears between the images where you can see it still breaks. Is there a way to remove this? I saw one potential answer was to put this code: <style> .sqs-gallery-b
  7. Site URL: http://www.staysixact.com.au Hi team, for viewing purpose, I am trying to add a colourful dividing lines between content blocks in any given page. How can I do this? Many thanks in advance.
  8. Site URL: https://betacellpodcast.com/episodes On my blog listing page, I have two types of metadata display: category (primary) and tags (secondary). But if the length pushes the metadata to a second line, there is a really weird line break in the category instead of just wrapping the tags. Only solution I can find is to eliminate tags so it doesn't wrap (not ideal) and shrink the text size (also not ideal).
  9. 1) How can I create this 'line / frame' in css? I know how to create a horizontal line and two vertical one, but i cant't stitch those together to recreate the graphic. 2 how can i make this sticky on top of the page? So it hangs above the primary navigation. ( and make it sticky on every page when scrolling?
  10. Hello, I made this index page with the following code to achieve this nice look. But by doing so, the padding of the text block and the line overlap and I can't click on the hyperlinked texts on the live site. Could anyone please suggest a solution? Thank you! @media screen and (min-width:641px) {.sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} }
  11. Hello, I've created the following design using the following codes: @media screen and (min-width:641px) { .sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} } However, on the live site, these links cannot be clicked. I'm assuming it's something to do with the line padding. Could anyone please offer a solution without changing the design? Thank you!
  12. Hello, I reduced the padding of the line block using the following code: . sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} To achieve the following look: However, when I checked the mobile view, this is what it ends up looking like. Does anyone know a way to fix how it looks on the mobile view?? Thank you.
  13. Site URL: http://www.woodlands-tlc.co.uk Hi there, Can anyone help me independently move my logo up or down AND/OR navigation links (primary and secondary to stay together) - they currently are not lined up due to the logo I am using having text lower down in the logo image. At the moment I can add padding above but that moves them both up and down, not separately from each other - which is what I believe I need. I presume there is some custom CSS I can add to either add or reduce padding above the logo/branding or navigation links, but for the life of me I cannot seem to find it a
  14. How to I insert a line break into a category list so that it always displays certain categories on a second line no matter how wide the display?
  15. I am using a custom dotted horizontal line for a client's website...and for some reason it is showing up square (as opposed to round) on mobile. When I see the mobile preview on my desktop, the dots are round. However, when I got to the password protected site (as it's not live yet) on my phone, the dots are square. Any thoughts on how to fix this? This is the code I am using to achieve the custom dotted horizontal line. .sqs-block-horizontalrule hr { background: transparent!important;border-top: 5px dotted #868b8b;} Any help would be greatly appreciated!
  16. When you add a line in the content, the padding around the line is a bit big, considering that some templates already have a established huge padding. Is there a way to target the line and make the padding around it smaller? My site: db-arquitetura.squarespace.com Right below the first banner there is a line, some content and then another line. I feel that it would look much nicer with a smaller padding around the horizontal rule. Any help would be great.
  17. I am currently recreating my site using the Bedford template. Is it possible to add additional headers for me to use? For example, when I add a text object to the page, I can choose to format it using Normal, H1, H2, H3, or Code. Can I add an H4, H5, etc. to this dropdown? If not, how can I wrap my content in H4, H5, etc. without going into Developer Mode? Or is that even possible? Also, is it possible to adjust the dimensions of an object? For example, I have added a line object to my page, but there's a lot of padding on the top and bottom of it. I want it to be closer to my text boxes.
  18. Site URL: http://www.pitchurethis.com Anyone know how to create a full bleed (but fixed) horizontal rule? Basically looking to create a page divider. currently using the following css: the hr, for some reason, increases the actual width of the entire webpage, when I'd just like it to fit the standard page (responsively). Tried "position:fixed;" but it did not help. Any help would be appreciated. Thanks!
  19. Im trying to remove the hover underlines in the navigation menu in Flatiron. I just require the text to change colour when cursor is passed over the menu titles. Any solutions please Thanks 🙂
  20. Site URL: http://www.thecuratedexperience.ca Hi All, Having a few other issues with the mobile side of things as well. Just hoping for a quick workaround or code that can assist. BODY & SOUL Line breaks are in an odd spot HEATHERLEA Pictures don’t align with experiences Appreciate the help of such a great community! DC
  21. Site URL: https://rituelstudio.squarespace.com/manualtherapy I would like to place a vertical line to divide the page left to right - the same as I put the horizontal line dividing top to bottom. Is there a way to add this using CSS? On my page, it would divide the section Pilates from Gyrotonic. Hope it makes sense. Thanks!! https://rituelstudio.squarespace.com/manualtherapy
  22. Hello everyone, Recently I encountered an unexpected behaviour during design. Text links in page footer were showing lines under the text. These lines are specific to the footer content only and nowhere else on the site. I tried contacting the customer support but it seems they can't help me with this as this is beyond their scope of support. Can I anyone help me with this? How do I remove the lines from text links? Thanks in advance. (The attached image shows the text links with lines)
  23. Hi I’m trying to add a line to the bottom of my menu navigation. It’s worked fine for desktop using custom css but I can’t get it to work for mobile. Can anyone help?
  24. Hello. Is there a way to center-align a horizontal line instead of them being top-aligned? Also, is there a way to set the color of an individual horizontal line? Thanks.
  25. My tagline is this for my boutique website: PLAYSUITS | DRESSES | KNITWEAR | OUTERWEAR | TRAVEL | TOPS | BOTTOMS | SETS I am wondering if it's possible to make each product "title" (playsuits, dresses etc) a link to the designated product page on my website? THANKS IN ADVANCE!!
×
×
  • Create New...