Public Forums 71,145 posts

[reidwalley Friend reidwalleyJoin date: July 2016Posts: 2Downloads:12Uploads:0 Thanks: 2]

#948826

I’m using Purity 3 – Corporate

This is my CSS:
.t3-wrapper{
background:url(/images/banner-home.jpg) !important;
background-position: center center;
background-size: cover;
}

This is where I put the CSS:
{root}/templates/{template-name}/local/less/custom.less (file name: custom.less)
{root}/templates/{template-name}/local/css/custom.css (file name: custom.css)

Problem: Background image does not show up.

Where should I put the CSS?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#948877

Hi

You can simply add your custom.css file into this folder {root}/templates/{template-name}/css/
then add background code to it

Share also your website url if you are still facing problems with it

Regards

[reidwalley Friend reidwalleyJoin date: July 2016Posts: 2Downloads:12Uploads:0 Thanks: 2]

#948997

But won’t the custom.css file at {root}/templates/{template-name}/css/ get overwritten the next time the site theme gets updated?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#949121

reidwalley wrote:

But won’t the custom.css file at {root}/templates/{template-name}/css/ get overwritten the next time the site theme gets updated?

No custom.css file is not included in templates file so it is not overrided from updates , for info on custom.css read carefully T3 Framework documentation HERE

1 user says Thank You to pavit for this useful post

1. reidwalley

[Author]

Posts