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.

View Replies:
Steevb replied on at Permalink Reply
Please explain?

Tutorial for what?

CSS tabs?
waterfeller replied on at Permalink Reply
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
Step 1: Don't use it.
Step 2: To style a Block create a new template
Create new directories and place new template in

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

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
tallacman replied on at Permalink Reply

See video at:
(its still processing)