Dynamic CSS using php

Question

Currently, I am working on PHP codeignitor framework. I have some properties suppose like color,fonts etc. saved in my database for one of fields. All I want to do is, I have some classes in the css file with default values. Like ex. I have a css class as below:

     .text_box{
           color: pink;
           text-decoration: none;
           background-color: transparent !important;
           transition: all 0.2s ease-in-out 0s;
       }
       .text_box:hover{
             color: blue;
             text-decoration: none;
             background-color: transparent !important;
             transition: all 0.2s ease-in-out 0s;
        }

In my database, I have set color property as yellow for text box. I want to change it dynamically. means when I change that color from input field, it should automatically get converts into the color I want in css property.

I dont know exactly whether my question is correct or not. I have goggled many links but didn't get the relevant solution to my scenario.

Using PHP how can create such dynamic changes.

Thank you.

You say you want to use PHP to do assign the color, but PHP can only assign before the page is loaded. Is that what you want or do you want to change the color without reloading the page? — Pacio
– Pacio, Commented Mar 3, 2017 at 10:50

Vimal · Accepted Answer · 2017-03-07 04:53:44Z

5

You can do it using jQuery.

var color = "value from DB";
$('.text_box').css({ 'color' : color, });

or in PHP:

<?php
$color = 'value from DB'; //you have to get the value from db
?>
<style>
.text_box { 
color: <?php echo $color; ?>;
}
</style>

Hope this works.

edited Mar 7, 2017 at 4:53

answered Mar 3, 2017 at 10:34

Vimal

1,1461 gold badge12 silver badges27 bronze badges

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

3 Comments

Punam Over a year ago

Hi Vimal, Thanks for you reply. Actually, I am working on SaaS based application project. And I have 4 menuns in header section. So I want to make different css file. Is it any other way where I can put my css code and handle that as per my php code ?

Vimal Over a year ago

@Joe-i think the best way to control css dynamically is the javascript.

Vimal Over a year ago

happy to hear that..happy coding:-)

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You can check Smarty

Basically, you read the values from your database and then you assign them to the template and then you will get dynamically loaded classes.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 3, 2017 at 10:35

Sadok Mtir

6057 silver badges15 bronze badges

Comments

Pacio · Accepted Answer · 2017-03-03 10:37:39Z

0

Php or javascript won't change your css file directly, but what you want to do is use Php or javascript to dynamically assign an id (#) to your HTML element that has the associated css you want.

#pink.text_box{
       color: pink;  //...
}
#blue.text_box{
       color: blue;  //...
}

And then use your javascript or php code to assign the id to the element you need

answered Mar 3, 2017 at 10:37

Pacio

5434 silver badges11 bronze badges

Comments

hussain nayani · Accepted Answer · 2017-03-03 10:38:33Z

0

Check if you can use color picker tool. This is the best solution I think

http://www.dynamicdrive.com/dynamicindex11/yuicolorpicker/

answered Mar 3, 2017 at 10:38

hussain nayani

3251 gold badge4 silver badges14 bronze badges

Comments

A B Catella · Accepted Answer · 2017-03-03 10:52:06Z

0

Try using multiple css files like

css_red.css css_blue.css css_green.css with different default colors.

Then in php echo your stylesheet <link href="<?php echo "css_yourcolor";?>.css" >

answered Mar 3, 2017 at 10:52

A B Catella

3081 gold badge4 silver badges12 bronze badges

1 Comment

NicklasF Over a year ago

This is not dynamically. This is just a more complex hardcoded solution. You can't have a stylesheet for each available color.

Collectives™ on Stack Overflow

Dynamic CSS using php

5 Answers 5

3 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related