So here is the big question…
I want to create a website with 2 (or more) styles, these styles will have different menu colour and of course menu items. I know I can use custom.css file to override the settings given by a template and adjust styles using ThemeMagic but custom.css applies to all styles and I would like to use different custom.css for different styles.
I know I can use ThemeMagic but I would like to add some extras which ThemeMagic doesn’t have in the GUI. Is there any way I can simply assign single custom.css per each style so I can play with just like I did so far with the regular custom.css?
Pankaj Sharma
Moderator
Hi
For this you have to create different theme to create different style. Each Theme will have their own style files .
After create a Theme compile Less to css from template options and the Theme css file will be created in the /local folder . Since the theme is custom you can directly apply you changes on them, also you can add custom.css file in the /css folder to define the new style codes For each theme.
Regards
Ok…
Kinda sad though. Would be good to implement a custom.css per style. Maybe worth to consider in Purity IV? 😛
Pankaj Sharma
Moderator
In head where?
In T3 framework there is a Custom Code where I can place additional and code but if I declare custom.css there it applies to all of the styles.
Found in /tpls/blocks line 47 but I don’t really know how to change the code to make it work so it would use separate custom.css for each style 🙁
Any help please?
Pankaj Sharma
Moderator
Pankaj Sharma
Moderator
Hi
As i suggested in my last post you can add custom.css file in each Theme folder, Beside if you want to use different custom.css file based on layout you have to define different head.php for each layout in tpls folder.
You can see custom.css file call is in head.php
Regards
Pankaj, thank you for your help and patience but allow me to explain myself in another way.
in head.php file I see this:
<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}
?>Now… I would like to make it look like in this example:
<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/themes' . /T3_STYLE_NAME . '/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css' . T3_STYLE_NAME . '/custom.css');
}
?>The question is: T3_STYLE_NAME doesn’t work/exist. Any other way to make it work? To change the code above so it would search for custom.css file for each style? I am not a PHP magician hence why I ask.
Hopefully it’s clear now 🙂 Once again – thank you for your help and patience
Pankaj Sharma
Moderator
Hi
I am not sure what you want to achieve, i suggest you to check my suggestion given in this thr because i already explained everything to you.
Or you can show this thread to your developer who can check it for you.
Regards
Nevermind… I did it just now:
<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/' . $theme . '/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/' . $theme . 'custom.css');
}
?>Now all I need is to: create a custom.css file in a folder /css/{theme_name}/custom.css and customise each style.
{theme_name} = orange, blue, default or own name etc…
This topic contains 10 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum