With acquia marina 3.0, can I add more icons for blocks?

I only know the icon directory and there are related settings in the *.info of the acquia marina theme.

The settings does not talk about the icon image files. How to match the selections to the icon files?

Hosais.

Comments

hosais’s picture

hosais CreditAttribution: hosais commented

I added icon with following steps:

1) added icon-fly.png to the directory of icon.
2) added in acquia_marina.info
skinr[marina-block-title-icon-styles][options][14][label] = Fly
skinr[marina-block-title-icon-styles][options][14][class] = icon-fly
3) added fusion-acquia-marina-style.css
.icon-fly .block-icon {
background: url(../images/icons/icon-fly.png) no-repeat left center;
}

Then that is it. I hope in the future it would be easier to add different icons.

Hosais.

jeremycaldwell’s picture

jeremycaldwell CreditAttribution: jeremycaldwell commented
Status: Active » Fixed

Thanks for the steps Hosais, that's perfect. Create the image, update the .info file (for Skinr options), add the CSS to your local.css file.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

david@thrale.com’s picture

david@thrale.com CreditAttribution: david@thrale.com commented

To help others avoid the mistakes I made ...

1) added icon-fly.png to 'acquia_marina/images/icons'.
2) added in acquia_marina.info
skinr[marina-block-title-icon-styles][options][14][label] = Fly
skinr[marina-block-title-icon-styles][options][14][class] = icon-fly
3) added fusion-acquia-marina-style.css to local.css and put in 'acquia_marina/css' - note the location for local.css is different in version 3
.icon-fly .block-icon {
background: url(../images/icons/icon-fly.png) no-repeat left center;
}