[Jamie Allison]

Hi there,

I am trying to change the main panel border so that there is no grey line around the site content. I kind of want the main text panel to have a white background and the total outside the also be white but just look like its all white without the grey border.

Here is our site: http://www.aclandhomes.co.uk/

I hope this makes sense. I don’t know if i can turn the grey border to white or even make the page content extend out to the full browser width?

[Skandha]

@jrallison: To remove the grey border
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-content article {
	border-bottom:0;
}

To make the page content extend out to the full browser width
Go to => Appearance => Customize => Theme Options => Layout Options => Sidebar Layout Options => Select No Sidebar Full width Option and Publish

Let me know if this works out!
Kind Regards,
Skandha

[Jamie Allison]

I’ve applied both the CSS and the no side bar option but neither of them made any difference.

In a browser it it the grey border around the whole content i want rid of. So like above the logo and menu there is a grey border that also then goes down the outer sides of the whole site content.

Any further ideas please?

[Skandha]

@jrallison: Hello Jamie,
I checked your site and the grey border is removed and also the page content is full width.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-kathmandu/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Jamie Allison]

Skandha,

I have also checked the site and it still seems to be there. I have taken a screen shot in firefox below but the page appears the same in IE and on my phone. I have pointed red arrows at the border I am talking about.

I would be happy just to remove the grey border. Any further ideas please.

http://www.aclandhomes.co.uk/greyborder.png

Thanks in advance

Jamie

[Skandha]

@jrallison: Hello Jamie,
To remove the border you are mentioning
Go to => Apperance => Customize => Additional CSS and add the following CSS Code.

.site {
	-webkit-box-shadow:unset;
	-moz-box-shadow:unset;
	box-shadow:unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[Jamie Allison]

Brilliant thanks that done the job.

Jamie

[Skandha]

@jrallison: Hello Jamie,
I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-kathmandu/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts