How to Edit Survey Block CSS
Permalink
Can someone tell me where to locate the file that modifies the survey block css?
It's this piece of code I want to edit:
<div class="buttons" style="text-align: left !important"><input type="submit" name="submit" value="Vote" /></div>
It's this piece of code I want to edit:
<div class="buttons" style="text-align: left !important"><input type="submit" name="submit" value="Vote" /></div>
Hi Steve - That piece of code is not in the file. All I have there is this:
#surveyResults .surveySwatch {
background:#999999 none repeat scroll 0%;
border:1px solid #666666;
float:left;
font-size:1px;
height:10px;
line-height:1px;
margin:3px 4px 0px 0px;
width:10px;
}
#surveyResults .surveySwatch {
background:#999999 none repeat scroll 0%;
border:1px solid #666666;
float:left;
font-size:1px;
height:10px;
line-height:1px;
margin:3px 4px 0px 0px;
width:10px;
}
Oh. You want to know what css to put in to modify the button?
Something like:
.buttons[type="submit"] {
// your code here
}
Something like:
.buttons[type="submit"] {
// your code here
}
Override the default view template by copying...
/concrete/blocks/survey/view.php
...to...
/blocks/survey/view.php
Then edit the copy. The part you want is around line 83.
-[another] Steve
/concrete/blocks/survey/view.php
...to...
/blocks/survey/view.php
Then edit the copy. The part you want is around line 83.
-[another] Steve
I wanted to know where the code that positioned the button was so I could add a little padding around the button. On my site it pretty much bumps into the survey choices.
It was in the view.php file right at line 83.
Now the above code reads as follows:
<div class="buttons" style="padding: 10px; text-align: left !important"><input type="submit" name="submit" value="<?php echo t('Vote')?>" /></div>
Thank you both very much!!
Steve No. 1 if I am reading your note above correctly, I could have also accomplished this by adding .button with some css styling in the view.css file, as well. Is that correct?
It was in the view.php file right at line 83.
Now the above code reads as follows:
<div class="buttons" style="padding: 10px; text-align: left !important"><input type="submit" name="submit" value="<?php echo t('Vote')?>" /></div>
Thank you both very much!!
Steve No. 1 if I am reading your note above correctly, I could have also accomplished this by adding .button with some css styling in the view.css file, as well. Is that correct?
I modified the same code but it doesn't "take" (display). I tried clearing the cache. When you look at the pages source, my code isn't there. Any ideas?
<div class="button" style="text-align: left !important;"><input style="border:1px solid #666666;" type="submit" name="submit" value="<?php echo t('Vote')?>" /></div>
<div class="button" style="text-align: left !important;"><input style="border:1px solid #666666;" type="submit" name="submit" value="<?php echo t('Vote')?>" /></div>
Copy the survey block to your root blocks folder and edit that version to avoid it being overwritten when updating.