Joomla Templates Club 406,261 posts

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#658927

Good evening,
I’m trying to use the custom.css file like I did in many other templates, except I cannot seem to load it at all.
Already turned off “Development Mode” and “Optimize CSS”
Already tried to use the ../ja_rent/local/css/custom.css or template.css
I added a simple background color to make sure the override was working before doing the actual customization.
Everything is up to date.

Any hints?

Thanks in advance!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#658989

So that we can try to best assist you, please provide the url of the site you’re working on.

Also, please specify the modification you’re working on.

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#658992

Hello,
the site I’m currently working on is http://coppoladiseta.it/portal/

The file right now is in /templates/ja_rent/local/css/template.css

And a simple


body {
background-color: #000000
}


to test the override

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#658993

The issue is that you’re using a color theme – and custom.css doesn’t generally work well with the color themes.

Try This . . . .

Within file path —> /templates/ja_rent/css/themes/orange/template.css
at line 4392, modify a follows:


.t3-section {
background: #000 none repeat scroll 0 0;
padding-bottom: 72px;
padding-top: 72px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Is that along the lines of what you were trying to achieve?

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#659227

Thanks for the reply, but what I’m trying to achieve is not just changing the background, but setting up a CSS override file so that I can easily make the next modifications.
Just like I did in many other Joomlart templates without having any problem with the custom.css file

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#744925

Thanks for the reply, but what I’m trying to achieve is not just changing the background, but setting up a CSS override file so that I can easily make the next modifications.
Just like I did in many other Joomlart templates without having any problem with the custom.css file

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#659248

<em>@itriatechnology 486636 wrote:</em><blockquote>Thanks for the reply, but what I’m trying to achieve is not just changing the background, but setting up a CSS override file so that I can easily make the next modifications.
Just like I did in many other Joomlart templates without having any problem with the custom.css file</blockquote>

Hi
Local Folder /css folders is an override of the template/css folder . So first you need to create custom.css in

/ja_rent/css/custom.css
and the use override in /ja_rent/local/css/custom.css

Hope it helps

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#744945

<em>@itriatechnology 486636 wrote:</em><blockquote>Thanks for the reply, but what I’m trying to achieve is not just changing the background, but setting up a CSS override file so that I can easily make the next modifications.
Just like I did in many other Joomlart templates without having any problem with the custom.css file</blockquote>

Hi
Local Folder /css folders is an override of the template/css folder . So first you need to create custom.css in

/ja_rent/css/custom.css
and the use override in /ja_rent/local/css/custom.css

Hope it helps

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#662940

Thanks for all the answers, but I still can’t get the override to work;
I followed the structure, placing the file in the right folders as you told, but no changes seem to happen

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#745960

Thanks for all the answers, but I still can’t get the override to work;
I followed the structure, placing the file in the right folders as you told, but no changes seem to happen

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#662941

Hi there
There are few thing :
# custom.css locate . It’s located at : JPATH_THEMES/css/custom.css
At moment i don’t see that on your site

http://coppoladiseta.it/portal/templates/ja_rent/css/custom.css
<blockquote>Not Found

The requested URL /portal/templates/ja_rent/css/custom.css was not found on this server.
coppoladiseta.it</blockquote>
After work with above custom.css you would check it to make sure it’s loaded. If it’s loaded than it’s mean you are corrected !

# check css code condition / flow.
I saw lots of users have same issues with css . They are copied css from original and use same for custom.css. It would work if custom.css loaded AFTER original css file. But if custom.css loaded BEFORE original css file than same css code will NOT WORK. Of course.
At this time you’ll need check css priority. Just increase css priority .

Browser debugger would useful tool in this case.

And of course. Make sure css code in custom.css are all correctly . I saw user submit code into this file but invalid code / file and it’s caused broken all codes.

That’s all . Follow logic step by step than we are king of world 🙂

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. itriatechnology

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#745961

Hi there
There are few thing :
# custom.css locate . It’s located at : JPATH_THEMES/css/custom.css
At moment i don’t see that on your site

http://coppoladiseta.it/portal/templates/ja_rent/css/custom.css
<blockquote>Not Found

The requested URL /portal/templates/ja_rent/css/custom.css was not found on this server.
coppoladiseta.it</blockquote>
After work with above custom.css you would check it to make sure it’s loaded. If it’s loaded than it’s mean you are corrected !

# check css code condition / flow.
I saw lots of users have same issues with css . They are copied css from original and use same for custom.css. It would work if custom.css loaded AFTER original css file. But if custom.css loaded BEFORE original css file than same css code will NOT WORK. Of course.
At this time you’ll need check css priority. Just increase css priority .

Browser debugger would useful tool in this case.

And of course. Make sure css code in custom.css are all correctly . I saw user submit code into this file but invalid code / file and it’s caused broken all codes.

That’s all . Follow logic step by step than we are king of world 🙂

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. itriatechnology

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#663053

<em>@jooservices 488121 wrote:</em><blockquote>
There are few thing . . . . .

Viet Vu</blockquote>

Pretty much the same information that has been provided/recommended previously.

But Thanks Anyway :p

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#745997

<em>@jooservices 488121 wrote:</em><blockquote>
There are few thing . . . . .

Viet Vu</blockquote>

Pretty much the same information that has been provided/recommended previously.

But Thanks Anyway :p

[itriatechnology Friend itriatechnologyJoin date: August 2011Posts: 18Downloads:11Uploads:0 Thanks: 9]

#663801

Ok, I realized right now I had no problem all along.
Basically, the custom.css was loading, but it had no effect because apparently the body background-color attributes aren’t actually used in the template.
I totally forgot about the browser inspector to check if the css was actually loading without having any effect :laugh:

Thanks everyone, have a great day!

[Author]

Posts