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. How i can change the color of the line? "Separation in the shopping list"
  2. Hi there, Looking for help with some custom CSS for an ecommerce site. Iā€™m looking to remove the grey horizontal line and reduce the font size of the category titles. šŸ™ƒ
  3. Link to my website I noticed when updating my site today that using <.br.> (minus the periods) has totally stopped working in my site title as a line break and simply displays as normal text. I've replaced it with a | for now. It was never a good solution because it showed up in previews as text as well but at least it worked on the site.So, how do I create a line break now if this code is no longer accepted?
  4. Site URL: https://coverkitchen.squarespace.com Hello, how can I add a separator line between specific items in a navigation drop drown menu? I would like to adjust the space between the line and the items too. See attached a screenshot of what I am trying to achieve. Many thanks in advance! Xavier
  5. 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!
  6. 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!
  7. 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;}
  8. 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
  9. 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
  10. 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
  11. Site URL: https://www.bubbleteaboss.com Hi, Can someone help me. I've tried existing codes in the forums but they do not work. How do you add vertical lines (dividers) between the items of your navigation bar/header? So far, I only manage to add a | by adding one to the navigation title (in the Pages section) but this is not working right because the | also changes color once you put your cursor on it (e.g. "Home |" becomes a secondary color instead of just "Home"). Does anyone have a CSS code? Thank you šŸ™‚
  12. 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.
  13. Hi, I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default distance between the two lines is really wide and looks strange. It seems IMPOSSIBLE to adjust the distance. If I use shift then enter I get the correct line spacing, but then I cannot change the text style, it just automatically switches to extra large heading, so the two lines are all in the same style. So i guess I want a standard paragraph space, but between a heading and a paragraph line.
  14. 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).
  15. 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?
  16. 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;} }
  17. 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!
  18. I would like to know the way to add a horizontal line between each products (STORE PAGE) for only mobile view. Because the vertical gaps between products is not enough, It is not clear that which an image is belong to a caption on mobile view. (column is 1.) So I want to add line between products to divide. *I am using version 7.1 Thank you in advance.
  19. 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.
  20. 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
  21. 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?
  22. 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!
  23. 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.
  24. 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.
  25. 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!
Ɨ
Ɨ
  • Create New...