How to theme a view block I'm a drupal beginner. I'm using drupal 7 and views. I created a block using views in order to list my latest projects. I'm displaying the block in my home page. I would like to know how to override HTML and Css in order to display something like this: 

I want to use this code:  

&lt;div class="media"&gt;
                        &lt;a class="pull-left" href="#"&gt;
                            &lt;img src="assets/custom/img/project1.jpg" class="projectImg" title="project one"&gt;
                        &lt;/a&gt;
                        &lt;div class="media-body"&gt;
                            &lt;h4 class="media-heading"&gt;&lt;a href="#"&gt;Projects One&lt;/a&gt;&lt;/h4&gt;
                            &lt;p&gt;
                                On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire
                            &lt;/p&gt;
                            &lt;a class="pull-right" href="#"&gt;more details&lt;/a&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
Open the view which you've created, expand Advanced Option column
open Theme:Information
copy the last theme suggestion from Row style output row
go ahead to the theme(project theme) folder and create that file,
example, views-view-fields--docs---page-1.tpl.php (this is how my
template looks like, this is just for an example), rescan the templates, and save the view.
debug $fields array (better install Devel module, it provides useful functions, like dpm(), dsm()..)
Copy the code from the sample template and put into this template.
Lastly, put the output of fields (e.g. something like this &lt;?php print $fields['SOME_FIELD']-&gt;content; ?&gt;) to the desired html blocks..


Don't forget to clear the cache;