custom.css


Author Message
bubu

Posted: 2/4/2013
Quote message 

I noticed that custom.css file is generated in v4.1. Great!! But where do I set so that it is included? It seems that only template.css is used.

Or am I missing something..

Thanks
 
Dave B

Posted: 2/8/2013
Quote message 

Don't see that one on my sites. Maybe it's a extension's css?? Although I am not using the latest version yet until they fix the responsive issue.

You can add custom styles to the export options if you are looking to make adjustments.
 
slickopr1

Posted: 2/18/2013
Quote message 

Quote bubu:

I noticed that custom.css file is generated in v4.1. Great!! But where do I set so that it is included? It seems that only template.css is used.


I added "<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/custom.css" media="screen"> to the header right under the link to the template.css file.
 
Phil

Posted: 2/27/2013
Quote message 

custom.css is embedded into template.css (at the end of the file) automagically.
 
rob

Posted: 6/3/2013
Quote message 

Quote Phil:

custom.css is embedded into template.css (at the end of the file) automagically.

No it's no, You should include custom.css into index.html like @slickopr1 does.

 
Sct Design

Posted: 6/4/2013
Quote message 

custom.css is for people that know css and style sheet. On mac you can use
Macrabbit Espresso for mac and on PC use Style Master or Aptana Studio

A little code never hurts
 
dan fred

Posted: 9/28/2014
Quote message 

I posted a thread related about this topic : http://www.artisteer.com/?post_id=244178&p=forum_post&forum_id=20 . BTW I am currently building a site, please check it here : http://dfgp.info/.

I will try this suggestion
" I added "<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/custom.css" media="screen"> to the header right under the link to the template.css file. "

and I hope this will work!
 
Michel

Posted: 10/18/2014
Quote message 

To update a custom sheet from artisteer it is necessary to
- modify the code in Export-Options-Options css
- update the artisteer file, and
- export it as joomla package
- reload this package into the joomla site with the Extension Manager to obtain the update
This can be tedious if one wants just to tinker around a few parameters of a particular custom css code.

Another way is to write an own custom css file e.g. my-custom.css containing and to file it in the template :

..\templates\my-template\css\my-custom.css.

When updating the artisteer template this file will remain unchanged at its place
 
tos1

Posted: 6/24/2018
Quote message 

Thanks, Michel! Your "Export Joomla! - Options - CSS Options" solved my problem.
That is not tedious at all, actually that is more desirable for me to manage custom codes in such upstream process.

Following approaches without "CSS Option" did not work for me.
- Direct editing mytemplatefromartister/css/custom.css
- Renaming custom.css to user.css, written in;
https://stackoverflow.com/questions/41079918/custom-css-not-working-in-joomla-protostar-template
- Putting empty space in the front of the custom class, written in;
http://www.artisteer.com/Default.aspx?post_id=227875&p=forum_post

I use;
Artisteer 4.2.0.60483 Standard Edition
Joomla! 3.8.8
IE 11.0.65

For your reference.