I have tried following instructions posted in other Drupal issues and on other websites, but the solution does not work. I am not sure if this is a problem specific to the Jackson theme or a wider issue.

I have tried adding something like this to the styles.css and also the blocks.css files. But it doesn't work.

block .title{
property:value;
}

Specifically I am trying to modify a block that is block-block-10 according to Firebug. So I tried the following:

#block-block-10 .title {
text-align: center;
}

I also tried it with .block-block-10 at the start.

Neither of these changes the title for the block in question.

All I want to do is to have control over the alignment for specific blocks that I use in the Jackson theme. There are some that I want left aligned and others that I want centered.

I cannot find any solution for this.

Comments

Rasa-1’s picture

Rasa-1 commented

Jackson!
Is pretty simple!

You can solve this with two ways:
the simplest way is adding "float: none;" and "none" to other parent css properties - like this:

#block-block-10 .title {
float: none;
text-align: center;
}

BTW, why just ".title", not "h3.block-title" for instance?

The second way is creating block template. From your theme .info file you should get region name where placed your specific block. Then create file named block-[region_name_sidebar_left_for_instance].tpl.php and put in this newly created file THE ALL text from your theme block.tpl.php file.
In the middle of code you will see something like that:

<h3 class="block-title"><span class="border"><?php print $block->subject ?></span></h3>

Make as that:

<h3 class="block-title" style="text-align: center"><span class="border"><?php print $block->subject ?></span></h3>

P. S. Sorry for my terrible english