Jump to content

CSS only working while in editor

Recommended Posts

Site URL: https://www.hanfordarc.squarespace.com

I know this issue has been discussed before and every solution seems to do with improper code. I am a CSS novice, so I am hoping there is a simple fix.  The issue, is, all my CSS works great while editing it, but after I save and navigate to the page it doesn't display any of the css.  All help would be greatly appreciated.


.custom-maps-outside-markers-info:not([data-position="relative"])[data-position="left"], .custom-maps-outside-markers-info:not([data-position="relative"])[data-position="right"] {
    top: 0;
    bottom: 0;
    width: 400px;
.custom-maps-outside-markers-info:not([data-position=relative]) .outside-marker-info .info-marker-title {
    float: none;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: #233143;
    color: #fff;
    width: 100%;
    padding: 0;
    transition: opacity .2s ease;
    font-size: 160%;
.custom-maps-outside-markers-info:not([data-position=relative]) .info-back svg {
    height: 100%;
    width: 140%;
    fill: #fff;
.custom-maps-outside-markers-info .close-button svg {
    width: 120%;
    height: 150%;
    fill: #fff;
.custom-maps-outside-markers-info:not([data-position=relative])[data-position=left] .outside-marker-info, .custom-maps-outside-markers-info:not([data-position=relative])[data-position=right] .outside-marker-info {
    font-size: 16px;
    line-height: 1.3;
.sqsrte-large, p, .sqsrte-small {
    margin: 0rem 0;

Link to comment
  • Replies 3
  • Views 557
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.