Skip to main content
P
pinnacled34498554
Participating Frequently
January 19, 2018
Question

Need a collapsible CSS selector that does nothing

  • January 19, 2018
  • 2 replies
  • 771 views

I have a very large CSS stylesheet that controls the appearance of my squarespace site.

I've organized the file as much as possible and labeled it the best I could with comments.

Still, navigating the document would be much easier if I could just collapse certain sections.

But I'm having trouble coming up with an innocuous CSS selector I can to apply to different sections of the code just for the purpose of collapsing them.

I've tried just using brackets without any selectors, but it comes up as a syntax error in squarespace.

I've tried using media queries like @media only screen{ } but it seems to mess with the responsiveness of the site, even when I use the correct screen sizes.

Any ideas ??

Thanks!

This topic has been closed for replies.

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
January 19, 2018

pinnacled34498554  wrote

Still, navigating the document would be much easier if I could just collapse certain sections.

To collapse code, click on the down triangles.  See screenshot.

Nancy O'Shea— Product User & Community Expert
P
pinnacled34498554Author
Participating Frequently
January 19, 2018

I meant pre-defined sections of the code, right now only delineated by comments.

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
January 19, 2018

In CC2018, CSS files collapse two ways, by selector and by highlight.

There's no way to encompass a group of selectors in a selector to collapse the group in DW without causing problems in your file (as you've found). However, you can highlight any amount of code, then click the first triangle in the left margin to collapse the entire highlighted area. That way, you could write css comments at the beginning and end of sections, highlight from open comment to end comment...

...then collapse the entire block...

It's not as nice as having the ability to wrap and collapse with some form of tag like html, the structure of straight css just doesn't really allow for that, but it might do the trick for you.


Personally, if I have an overly massive css file, like the plodding monster that comes with Bootstrap, I create an overwrite file, rather than trying to work through someone else's mess, and link that after the giant file in my html. That way, my css is separate from "theirs" and much easier to manage.

    P
    pinnacled34498554Author
    Participating Frequently
    January 19, 2018

    So there are no CSS selectors that technically do something, but they are so rarely relevant that it will effectively just serve the function of being collapsible in Dreamweaver?

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    January 19, 2018

      wrote

    So there are no CSS selectors that technically do something, but they are so rarely relevant that it will effectively just serve the function of being collapsible in Dreamweaver?

    No.

    You're trying to customize Squarespace code?  Personally, I'd rather have a root canal!

    Isn't the whole point of using a site builder like Wix  or Squarespace is so you don't have to do any coding?   Find a template you like.

    Website Templates — Squarespace

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices