Unable to remove front page borders

[HealthNews]

Hello,

We and have encountered a design issue that we would like to resolve. Can the borders on the front page be removed? Please find an attached screenshot with way too many red arrows pointing to the borders I am talking about.

Theme: Pro
Stack: Integrity
Page template: Starter: Sales Page
URL: http://staging.healthnews.net.au

Cheers,

[jade]

Hi @HealthNews,

This is the default display when you have the Site Layout set to Boxed in Pro > Theme Options > Layout and Design and the Page Template to Default Template.

If you want to get rid of the borders without adding any custom codes, please set the Site Layout to Fullwidth then set the Site Max Width to specific width you want the site to have.

Next is to set the Page Template to any of the Blank Template.

In doing so, the borders will not be present anymore.

Hope this helps.

[HealthNews]

Thanks very much for your instructions - worked a treat in full screen but we have chosen to stay with a boxed theme, is there a way for the final boxed border to be removed?

[jade]

Hello @HealthNews,

To do that, please add this code in X > Theme Options > CSS:

.x-root .site, .x-root .x-site {
    border: 0;
    box-shadow: none;
}

Hope this helps.

[HealthNews]

perfect - thank you!!

[ruenel]

You’re welcome!
We’re glad @Jade were able to help you out.