Joomla Templates Club 406,261 posts

[h2nation Friend h2nationJoin date: May 2008Posts: 23Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#155530

I am stumped. In Teline III V.2 when I try to place code in Template.css to add a background image and color example:
url(“images/bg.jpg”) repeat-x scroll 50% 0 #0E2A62

When I refresh, Firebug shows ( url(“/~dive/templates/ja_teline_iii_v2/css/images/bg.jpg”) repeat-x scroll 50% 0 #0E2A62)

If I add the code to /t3-assets/css1.css the background shows until I fresh the page and then is gone.
I have watched the videos.
What am I doing wrong?

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#359907

in the teline III admininstrator, you should see a clean t3 cache button on top right. You can use that to clear cache.

t3-assets folder is deleted with that action and re-generated when you browse the site.

you can also enable the development mode and disable cache in the Teline III V2 settings.

Hope it helps.

Regards

Arvind

[h2nation Friend h2nationJoin date: May 2008Posts: 23Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#359913

Hi Arvind,
First off, thank you for the quick response. I have done the clear cache and have it in development mode. I now have a css2.css file in the t3 assets folder.
When I place the code in templete.css and css1.css and clear t3 cache, firebug still inserts
url(“/~dive/templates/ja_teline_iii_v2/css/images/bg.jpg”) repeat-x scroll 50% 0 #0E2A62

template.css

css1.css

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#359917

ok try this,

In my earlier screenshot you can see the optimization settings at the bottom.

Under Optimize CSS>> choose No.

clean cache and try again.

If it works, then its the url issue, which has been fixed in the JA T3 Framework Plugin 1.1.9 (released few hours back)… yet to be announced, but available for download >> http://www.joomlart.com/forums/downloads.php?do=file&id=1634

You can upgrade your plugin to this new version and then again turn on the css optimization.

This should help you.

I guess this is what is troubling you >> http://pm.joomlart.com/browse/JAECPLGTIII-66 << fixed in V 1.1.9

complete changelog HERE.

Regards

Arvind

[h2nation Friend h2nationJoin date: May 2008Posts: 23Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#359930

Hi Arvind ,
I tried your suggestion. With Oppimize CSS off – it worked. I applied the t3 1.1.9 upgrade and cleared cache, turned CSS to yes, saved, Cleared cache but still have the same issue.

I really appreciate your help
Judd

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#359967

When you loading a background image in css file, the url of image could be absolute url (eg: http://www.domain.com/images/… or /images/…) or relative url (the url without http or / at the beginning). In the case of relative url, the url will be relative with the css file.

In your case, you use a relative url (images/bg.jpg) in templates/ja_teline_iii_v2/css/template.css file. So the path to image is templates/ja_teline_iii_v2/css/images/bg.jpg (in my idea, you should use ../images/bg.jpg to get the image in template images folder). If the css optimize is enabled and minified, the style in template.css is copied and minified to t3-assets/stylex.css. It means that the path to css file is changed, therefore the relative path to images must changed according. That’s why you see the different url.

I also want to update you that the files in folder t3-assets are automatically generated. Therefore, your change inside that folder will be removed. Your changes in your real css file (eg template.css) will be applied into t3-assets css files automatically.

Finally, please let me know if the background image is shown when css minified turned on ?

1 user says Thank You to Khanh Le for this useful post

1. Arvind Chauhan

[h2nation Friend h2nationJoin date: May 2008Posts: 23Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#360952

<em>@khanh le 199765 wrote:</em><blockquote>
I also want to update you that the files in folder t3-assets are automatically generated. Therefore, your change inside that folder will be removed. Your changes in your real css file (eg template.css) will be applied into t3-assets css files automatically.

Finally, please let me know if the background image is shown when css minified turned on ?</blockquote>

Thank you for your help. I can add the bg when the css minified is off. Then return it to on and the bg image stays.

[Author]

Posts