Hi guys,
I try to define a css rule for a button created like this:
<?= Html::a(Yii::t('app', 'Multi Save'), '#', ['class' => 'button1']) ?>
CSS rules are directly set into php scipt. Debugger of chrome showes up 2 css file being responsible for design
[list=1][]AdminLTE.css[]bootstrap.css[/list]Following CSS rules will change button, but two of them, the most important will not: widht and height.
Coding like this won’t help me,too:
<?= Html::a(Yii::t('app', 'Multi Save'), '#', ['class' => 'button1','style'=>'width: 350px; height: 260px;']) ?>
Any ideas,why this two rules won’t be put into practice?
Css rules:
<style>
.button1{
margin-left:2%;
font-family: Tempus Sans ITC,sans-serif;
color:#F7FE2E;
border-radius:7px;
font-size:20px;
background-color:#81BEF7;
height:30px;
width:250px;}
/* erwirkt das Einrücken nach rechts mit >>*/
.button1 span {
position: relative;
transition: 0.5s;}
.button1 span:after {
content: '\00bb';
position: absolute;
opacity: 0;
right: -20px;
transition: 0.5s;}
.button1:hover span {
padding-right: 25px;}
.button1:hover span:after {
opacity: 1;
right: 0;}
/* erwirkt eine Änderung der Hintergrundfarbe,sobald der Mauszeiger den Button berührt*/
.button1:hover {
background-color: #F5A9BC;}
/* erwirkt eine Änderung der Eigenschaften,solange der Mauszeiger den Button gedrückt hält*/
.button1:active {
background-color: red;}
</style>
