Getting a variable inside a external css file

Question

i have a case in which the two values of the following should be changing according to the data in database. In a external css file i have this.

#wow-container1 { 
    zoom: 1; 
    position: relative;
    width: 100%;
    max-width:960px;
    max-height:360px;
    margin:0px auto 0px;
    z-index:90;
    border:2px solid #FFFFFF;
    text-align:left; 
    font-size: 10px;
}

my requirement is i need to change the max-height:max-width: when the height and width stored in database is changed.Is there any possible solution.?

You could reconfigure your php.ini file to allow PHP to interpret it into your CSS document (allow PHP in non .php files). That, or you could use LESS or SASS. Your call. — user4616966
– user4616966, Commented Feb 20, 2017 at 5:42
You could aso use JavaScript and completely forget about the CSS in the file. — user4616966
– user4616966, Commented Feb 20, 2017 at 5:44

Sarath Kumar · Accepted Answer · 2017-02-20 05:54:04Z

2

Try this using jQuery .css()

var width = "value from DB";
var height = "value from DB";
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height });

answered Feb 20, 2017 at 5:54

Sarath Kumar

2,3531 gold badge14 silver badges26 bronze badges

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

Comments

ashanrupasinghe · Accepted Answer · 2017-02-20 05:52:34Z

0

you can get max-height,max-width from db, Example in php:

<?php
    $max_height='300px';//you have to get the value form db
    $max_width='300px'; //you have to get the value form db
?>

then write beloved css part after calling your external css file

<style>
#wow-container1 { 
  max-width:<?php echo $max_width; ?>;
  max-height:<?php echo $max_height; ?>;

}
</style>

You can do it in your programming language.

answered Feb 20, 2017 at 5:52

ashanrupasinghe

7861 gold badge10 silver badges25 bronze badges

Comments

Piyali · Accepted Answer · 2017-02-20 06:39:33Z

0

.css() jquery is the best solution for this. If you want to change it using css, you have to put database value in inline css written in same page. like this :

<style>
#wow-container1 { 
  max-width:<?php echo $width; ?>;
  max-height:<?php echo $height; ?>;

}
</style>


If you want to use jquery .css(), it will be like this :


var width = "width from database";
var height = "height from database";
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height });

answered Feb 20, 2017 at 6:39

Piyali

5062 silver badges11 bronze badges

Comments

cuduy197 · Accepted Answer · 2017-02-20 06:59:07Z

0

When you learn http://VueJS.org you can use 'v-blind' to do that, very simple!

answered Feb 20, 2017 at 6:59

cuduy197

415 bronze badges

Collectives™ on Stack Overflow

Getting a variable inside a external css file

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related