Full Width horizontal lines (Brine 7.0)

Hi, I would like to make all of the horizontal black lines full width

https://drum-bulldog-l9ef.squarespace.com/how-to-plan-an-elopement-in-margaret-river

Is there some custom CSS I can use so that these black lines run the full width of the page?

Thanks 🙂

Try adding to Design > Custom CSS

hr {
    width: 3500px !important;
    margin-left: -1000px;
}
html, body {
    overflow-x: hidden;
}

Thanks for the quick response. I think I didn't explain what I was after correctly - I only want the horizontal line to run to the width of the photos on the page. This code makes the line run past the edges of the photos.

I thought this was "full width" but maybe I have explained this incorrectly.

Please see the screenshot, I hope this makes sense 🙂

On 8/21/2022 at 4:05 PM, surfspook said:

Thanks for the quick response. I think I didn't explain what I was after correctly - I only want the horizontal line to run to the width of the photos on the page. This code makes the line run past the edges of the photos.

I thought this was "full width" but maybe I have explained this incorrectly.

Please see the screenshot, I hope this makes sense 🙂

Add to Design > Custom CSS

div.horizontalrule-block {
    width: 100% !important;
    max-width: 100% !important;
}

thank you so much!