Joomla Templates Club 406,261 posts

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#198124

I want to generate a custom-file.css
How I have to proceed?

[wingly Friend winglyJoin date: February 2014Posts: 310Downloads:0Uploads:87 Thanks: 80 Thanked: 83 times in 48 posts]

#536502

@carlucci;

It depends much on the template… To what template you would like to add your custom css and with what purpose?

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#536510

<em>@wingly 429032 wrote:</em><blockquote>@carlucci;

It depends much on the template… To what template you would like to add your custom css and with what purpose?</blockquote>

I changed my own CSS.
Until now modified the insert in the file template.css
But I do not like to modify the original files.
Whenever there is a new version, I have to redo the template.css file.
In Rocketheme there’s a customer file for each template.
So the originals are always intact.
I have my CSS changes to Ja-Wall, Ja-telineiv.
In this case, it is more complicated, because there is a CSS specific pair each theme.
Also I edit CSS for K2
Regards

[wingly Friend winglyJoin date: February 2014Posts: 310Downloads:0Uploads:87 Thanks: 80 Thanked: 83 times in 48 posts]

#536512

@carlucci ;

JA joomla templates use T3 – acording to it’s documentation in templates/your_template/css there is such a file called custom.css this is the last css file to be uploaded so it will override other css properties. I guess this is what you have been searching for

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#536513

<em>@wingly 429045 wrote:</em><blockquote>@carlucci ;

JA joomla templates use T3 – acording to it’s documentation in templates/your_template/css there is such a file called custom.css this is the last css file to be uploaded so it will override other css properties. I guess this is what you have been searching for</blockquote>

Yes, it is this! I know him. But, as I already told you, do not know how to proceed.
Regards

[wingly Friend winglyJoin date: February 2014Posts: 310Downloads:0Uploads:87 Thanks: 80 Thanked: 83 times in 48 posts]

#536516

@carlucci;

What do you mean by proceed?

Just input there all the css things you want to be changed or the ones you add and it will work 🙂

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#536518

<em>@wingly 429051 wrote:</em><blockquote>@carlucci;

What do you mean by proceed?

Just input there all the css things you want to be changed or the ones you add and it will work :)</blockquote>

Okay! But where I insert the file?
How my template recognizes the custom file?
Do I have to give a specific name?
Let me please an example.
With JoomlArt, I have not ever done.

Example in Rockettheme

CSS File custom
rt_xxxxxx-custom.css
xxxxxx is the name of the template.

I hope you have understood me.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#536520

<em>@wingly 429045 wrote:</em><blockquote>@carlucci ;

JA joomla templates use T3 – acording to it’s documentation in templates/your_template/css there is such a file called custom.css this is the last css file to be uploaded so it will override other css properties. I guess this is what you have been searching for</blockquote>

Just a heads-up. Wall is not based on T3 so you’ll need to do some extra work to get a custom.css file to work. Where you put that file is up to you but I’d suggest to put it in with the main css files not theme.css.

You will need to open up /templates/ja_wall/index.php file and edit it to include the new custom.css at around line 50-60.

Current code

<!-- TEMPLATE STYLESHEETS --> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/core.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/navigation.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/joomla.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/modules.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/template.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/k2.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/print.css" media="print" />
<!-- //TEMPLATE STYLESHEETS -->


You need to add in a pointer to the new file so …. shown in red

<!-- TEMPLATE STYLESHEETS --> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/core.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/navigation.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/joomla.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/modules.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/template.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/k2.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/custom.css" media="all" />
<!-- //TEMPLATE STYLESHEETS -->

Now it knows you have a custom.css you can save all your changes there.

1 user says Thank You to swissa for this useful post

1. carlucci

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#536521

<em>@swissa 429055 wrote:</em><blockquote>Just a heads-up. Wall is not based on T3 so you’ll need to do some extra work to get a custom.css file to work. Where you put that file is up to you but I’d suggest to put it in with the main css files not theme.css.

You will need to open up /templates/ja_wall/index.php file and edit it to include the new custom.css at around line 50-60.

Current code

<!-- TEMPLATE STYLESHEETS --> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/core.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/navigation.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/joomla.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/modules.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/template.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/k2.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/print.css" media="print" />
<!-- //TEMPLATE STYLESHEETS -->


You need to add in a pointer to the new file so …. shown in red

<!-- TEMPLATE STYLESHEETS --> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/core.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/navigation.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/joomla.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/modules.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/template.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/k2.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="<?php echo $tplcsspath ?>/custom.css" media="all" />
<!-- //TEMPLATE STYLESHEETS -->

Now it knows you have a custom.css you can save all your changes there.</blockquote>
Perfect!
You are champion
Regard

[Author]

Posts