Forums

Block Design CSS tab example needed

Permalink 2 users found helpful
An example or brief tutorial would be really handy here. I have never been able to get this to work.
waterfeller
 
Steevb replied on at Permalink Reply
Steevb
Please explain?

Tutorial for what?

CSS tabs?
waterfeller replied on at Permalink Reply
waterfeller
Yes, an example of using the CSS tab of Block Design to override styling within the block.
andreyman3d2k replied on at Permalink Reply
Completely agree - the CSS tab in a block design is a complete mystery to me. I have tried so many way to get it to do anything, but nothing ever happens. How do you use it??
mkly replied on at Permalink Reply
mkly
Ok.
Step 1: Don't use it.
Step 2: To style a Block create a new template
Create new directories and place new template in
/blocks/block_handle/templates/my_new_template.php

Step 3: Place this in your new template
<style>
  .my-template-wrapper .block-class h2 {
    /* this is just an example */  
    color: #44ff77;
  }
</style>
<div class="my-template-wrapper">
<?php
  $bvt = new BlockViewTemplate($b);
  $bvt->setBlockCustomTemplate(false);
  include($bvt->getTemplate());
?>
</div>

Step 4: Select "My New Template" from the custom templates for that block


**Change "my-template-wrapper" to something useful as well as my_template_name. .block-class is just a an example. You should replace this with whatever block specific classes you are targeting.

See this blog post for more info

http://andrewembler.com/posts/creating-a-simple-concrete5-wrapper-c...
tallacman replied on at Permalink Reply
tallacman
Or:

See video at:http://vimeo.com/33231523
(its still processing)