I want to remove the icon for the blog block. Icon is tnt_icon_02.png

Instructions for local.css are available to add an icon, but not remove it.

Comments

jeremycaldwell’s picture

jeremycaldwell commented
Status: Active » Fixed

You can try removing the background through CSS. Locate the CSS used to show the icon and then add that bit of CSS to your "local.css" file with a "background: none;" to remove the background.

sunward’s picture

sunward commented

okay, I found the block in icons.css

#block-blog-0 div.block-icon,
body.layout-main-last #sidebar-last #block-blog-0 h2.block-title {
  background: transparent url('icons/tnt_icon_02.png') no-repeat left center;

Using firebug, the image is icons/tnt_icon_02.png with class block-icon-0
I am weak in css. I tried a bunch of different entries. I would appreciate the correct entry for local.css.

jeremycaldwell’s picture

jeremycaldwell commented
Status: Fixed » Active

Give this a try.

#block-blog-0.block-icon {
  background: none;
}

That would mean the block id is "block-blog-0" and the class immediately attached to that id is "block-icon". Hope that does the trick.

sunward’s picture

sunward commented

Nope. Didn't work. made sure I had the theme up to date.

jeremycaldwell’s picture

jeremycaldwell commented

Well without seeing your site it's a bit tricky to write CSS for it. The code I provided above should work in theory with the classes and id's you added to the issue. Can you get a me a screenshot of the HTML output for that block instead? Either way you would need to write some CSS that changes the background to "none" in order to hide it correctly in this case. And be sure your CSS is loading too as sometimes it might take a few cache clears to get it working correctly.

sunward’s picture

sunward commented

I have activated the blog so the symbol now shows on the main page. Have a look at www.sunward1.com

jeremycaldwell’s picture

jeremycaldwell commented

Thanks for providing the block with the icon so I can see what CSS was being applied to it. Try adding this bit of CSS to your local.css file.

#block-blog-0 div.block-icon, 
body.layout-main-last #sidebar-last #block-blog-0 h2.block-title {
  background: none;
}
sunward’s picture

sunward commented

Wow, that did it!

Thanks.

jeremycaldwell’s picture

jeremycaldwell commented
Status: Active » Fixed

Great, glad that worked :)

Status: Fixed » Closed (fixed)

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