Including php variables in CSS (in concrete5)

Question

I followed this tutorial https://css-tricks.com/css-variables-with-php/ to use php variables in CSS. I am using concrete5(version 5.6) CMS. I loaded both .php and .css files.

NewFile.php

<?php
header("Content-type: text/css; charset: UTF-8");

$clRed = 'red';
?>

NewFile.css

 @import "/path/css/NewFile.php?type=cms";

.one-third{
        width: 33%;
        margin: 0 auto;  
        background: <?php echo $clRed;?>;
    }

but css is not reading the php variables.

I also referred these links

http://doctype.com/use-php-variables-inside-css-file

how can I use of a php variable into a .css file

PHP Variables in CSS not working

https://www.concrete5.org/community/forums/themes/reusing-editable-values-andor-embedding-php-in-stylesheets

Thanks in advance. Note: I know it's not a recommended practice.

capcj · Accepted Answer · 2017-05-17 20:32:01Z

2

You forgot that the css IS an PHP.

Look there:

<link rel='stylesheet' type='text/css' href='css/style.php' />

Rename NewFile.css to NewFile.css.php and it will work. But I suggest unificate the files, just call NewFile.php as tutorial says. In the head of php file instantiate:

<?php
header("Content-type: text/css; charset: UTF-8");

$clRed = 'red';
?>

And the rest of the file it's just css with the echos.

answered May 17, 2017 at 20:32

capcj

1,5351 gold badge18 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Neetigya Over a year ago

It's not working, what should be the hierarchy. Should I first import *.css.php file or *.php file?

capcj Over a year ago

Forget the two files, unify them into NewFile.php and put into href of link.

Neetigya Over a year ago

This works, thank you. For the future readers, this line is very important :- header("Content-type: text/css; charset: UTF-8"); and another good link - jafty.com/blog/tag/php-header-content-type-css

capcj Over a year ago

Important to remember: It's a bad practice, but fast implementation. The best case scenario is SASS/LESS or create a CSS generator based into some conf file (can be a PHP file, JSON or INI).

Frankyi · Accepted Answer · 2017-05-17 20:35:29Z

0

You can't compile php Code in css files. Your linked tutorial will guide you to create a php script that will put out css code and set the header to "text/css". So you are able to link your php file as a css stylesheet into a html page.

In your case you have to echo the content of your css file (without the import) in your php file.

style.php

<?php
header("Content-type: text/css; charset: UTF-8");

$clRed = 'red';

echo '.one-third{
    width: 33%;
    margin: 0 auto;  
    background: '.$clRed.';
}';
?>

index.php

<?php
echo '<link rel="stylesheet" type="text/css" href="style.php" />';
?>

answered May 17, 2017 at 20:35

Frankyi

213 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:26:27Z

0

Ok, so first off your error occurs because of the extension you are using is .css not .php. Try this, rename the file extension, then just use the format

<style>
.blabla{
....
}

#heeeHoo{
 ...
}
</style>

as the user hakiko stated in one of your references, then use <?php include 'style.php'; ?> to include it in the desired place. I am fairly certain that PHP include just copies and pastes the contents of a file, so his solution should work. Just make sure to put it in the html <head> tag

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered May 17, 2017 at 20:37

Nathaniel Blakely

631 silver badge11 bronze badges

2 Comments

Neetigya Over a year ago

Hey, His solution is good but my problem is that my application have 4 sub domains and there will be more subdomains in future, I want to give different color coding to each sub domain, like if a school is logging in the colors should be green and white, when a hospital is using my application then colors should be red and blue. The application already has 15-20 css. It's not possible to change them to .css.php extension so my idea was to create a css.php file and load it after all the the css scripts. In this case using variables will help, I can say if(use=='school') set background = 'red'.

Nathaniel Blakely Over a year ago

You can use !important to override other uses of the CSS

Collectives™ on Stack Overflow

Including php variables in CSS (in concrete5)

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related