Jump to content

css displays on blog posts but not on /blog

Recommended Posts

Hi,

I'm a bit stumped. My custom css is showing up on all pages  (e.g. nomnomvomvom.com/about)  but not on the main blog feed or in the individual blog posts.

There's not much css styling but what's missing is the narrower blog column. All other pages have the correct, narrow body format but the /blog and individual posts are inexplicably wider.

In my general blog settings the format is set to "single-column blog".

I can't figure out what I've done wrong or how to fix it.

Last note: in the page editor, the individual blog posts show up formatted correctly but they do not on the live site. The /blog feed formatting is off in both the editor and live

Thanks!

See custom css below (this lives in the custom css section)


 

*{
      background-color: white;
}
.blog-single-column {
    flex: 1;
    padding-top: 0;
  padding-bottom: 12vw;
}

.sqs-block-html>*:last-child p {
   margin-bottom: 18px;
}

.header-display {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 767px)
 { #logoWrapper #logoImage img, #siteTitleWrapper #logoImage img {content: url("https://static1.squarespace.com/static/5f19e255dbffaf37208d4347/t/5f1cb4de1849fd6f6963b542/1595716830508/nnvv-mobile-logo.png") !important;}}

 

Link to comment
  • Replies 3
  • Views 239
  • Created
  • Last Reply
* {
   background-color: white !important;
}
.blog-single-column {
    flex: 1 !important;
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
}
.sqs-block-html>*:last-child p {
    margin-bottom: 18px !important;
}
/* this code is incorrect - ss changed .header-display to .header-display-desktop and .header-display-mobile */
.header-display {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 767px) {
.header-title-logo a {
    content: url(https://static1.squarespace.com/static/5f19e255dbffaf37208d4347/t/5f1cb4de1849fd6f6963b542/1595716830508/nnvv-mobile-logo.png) !important;
}
}

I answerd your email.

Your code has some incorrect code.

Use above code. Notes: red-code, I don't know your purpose for using this code, so can't fix it.
gmail.thumb.png.0f6739ed9a30c5b85c9214e7e11a7b29.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

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.