Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
BrookeP

Adding a border around a floating section in Brine template

Question

I have implemented custom code to float an index section between two other sections in the Brine template. This is on a few different index pages, but specifically for the sake of this example, we'll look at the "Journal" page, and the floating section is titled "Journal Float" (creative, I know).

alt text

I added a plain white banner background to give it some oomph, but am curious if there is anyway to add a border around the entire floating section to help it stand out a bit more using CSS.

Website
Password: weddings
Page: Journal, floating section at the top titled "Journal Float"

Any ideas on best way to go about this?

screen-shot-2019-08-06-at-55238-pm-min.png.4a3731d5248c20f4b53de32e0e571310.png

Edited by bpurnell
Initial Revision

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

@bpurnell Add to Home > Design > Custom CSS


section#journal-float {
   border: 10px solid #ff0000;
}

See how to insert CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...