Product page, section: additional info, how to make line block full width

Is there a way to make a line block full width on product pages in the additional info section?

6 hours ago, nahlah said:

Is there a way to make a line block full width on product pages in the additional info section?

What is the site URL?

21 minutes ago, Web_Solutions said:

What is the site URL?

https://faceoflove.co/holistic-skin-health/p/complete-cleansing-oil

1 hour ago, nahlah said:

https://faceoflove.co/holistic-skin-health/p/complete-cleansing-oil

Try with this code.

#page .sqs-block.horizontalrule-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

8 hours ago, Web_Solutions said:

Try with this code.

#page .sqs-block.horizontalrule-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

 

it gets close to the edge but not completely 

On 7/15/2024 at 7:01 PM, nahlah said:

it gets close to the edge but not completely 

Try this

#page .sqs-block.horizontalrule-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
body {
    overflow-x: hidden;
}