Jump to content

Side bar on Brine

Recommended Posts

Site URL: https://www.travelsandtreasures.com/home/no-need-for-the-hotel-pool-in-cinque-terre

Hi!,

I am trying to add a line for this side bar (which is a blog summary page added to one of the main blog posts).  For the main blog configuration, I added this code in Post Blog Item Code Injection:

<style>.sqs-block-summary-v2 {border-left:2px solid #ffffff}
}</style>

I also tried adding it to the blog summary Post Blog Item Code Injection.

The sidebar does not show and I can't figure out why?  Any idea or can you point me in the right direction. 

Thank you!

Link to comment
2 minutes ago, TTaylor said:

Site URL: https://www.travelsandtreasures.com/home/no-need-for-the-hotel-pool-in-cinque-terre

Hi!,

I am trying to add a line for this side bar (which is a blog summary page added to one of the main blog posts).  For the main blog configuration, I added this code in Post Blog Item Code Injection:

<style>.sqs-block-summary-v2 {border-left:2px solid #ffffff}
}</style>

I also tried adding it to the blog summary Post Blog Item Code Injection.

The sidebar does not show and I can't figure out why?  Any idea or can you point me in the right direction. 

Thank you!

You mean this line?image.thumb.png.0a2a50b645ee8a40a6a446a75bed6ca8.png

.sqs-block-summary-v2 {
  border-left:2px solid #ccc
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Yes, are you seeing a left border?  It looks like there is one from the embeded screen shot of your response.  

 

I tried the code you provided in the main blog configuration, Post Blog Item Code Injection.  I still do not see it 🤪

Link to comment
1 minute ago, TTaylor said:

Yes, are you seeing a left border?  It looks like there is one from the embeded screen shot of your response.  

 

I tried the code you provided in the main blog configuration, Post Blog Item Code Injection.  I still do not see it 🤪

wrap it inside <style>already?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
8 minutes ago, TTaylor said:

Whoops, fixed it.  Still nothing.  Do I need to clear cache or something?

try adding this to design custom css

.collection-type-blog .span-3 .sqs-block-summary-v2  {
  border-left:2px solid #ccc
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
42 minutes ago, TTaylor said:

Hi, and thank you so much for the quick replies but still not seeing it.   I tried it without and with <style> in Custom CSS.

SqS is not liking me today 😏

 

I did not see it in your custom css, try place the code at the top of the custom css panel and see if there is any syntax error

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Sorry for the delay!  I had a comment before the code and the last / was missing...doh!  It's fixed 🙂

/* side bar code for summary page */
.collection-type-blog .span-3 .sqs-block-summary-v2  {
  border-left:2px solid #ccc

Thank you SO MUCH!! I reallly appreciate the assist.

Have a great weekend!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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