I am trying to set up a new template in my Joomla site. Given that there is a fair amount of work in this, I am testing it all on my localhost before putting it up on my live site. (i.e. There is therefore no point in putting my live site url in this post, as the problem does not show up there).

My site's current template is Responsive2. I am trying to change it to New Lifestyle.

My problem is that the template is putting a border around the main content (article) on every page of my website. (image attached). When I look at the original template with sample data, there seems to be no border around the main content div.

I have looked through every tab in the Template and cannot see anywhere where border is specified and can be removed.

When I look at the HTML/CSS using my Web Developer Tools, I cannot see any CSS that creates this border. I have looked at every element in detail, and cannot find any css styling for a border. On one particular page I noticed that if I removed the div#kt from the html (with the developer tools), the border disappeared. (the html on that particular page was .... div#kt class=""kt-frontend theme-elegant DS04736353425601293"). However, on other pages where the border appears I can't see this div. And I can't for the life of me find any css styling that is attached to a div or class with id #kt in it.

I know the border is being generated by template because if I change back to Responsive 2 the border no longer appears. Also, as already mentioned, if I disable the div#kt, the border disappears on that page. And, as I've already said, I can't see anywhere in the Template settings where a border is applied and can be changed/removed.

Can anyone tell me what I'm missing?