Remove icons from custom tonal theme

• 

  brunoschull · Member · Aug 28, 2015 at 8:07 am

  • Copy link
  • Add topic to favorites

  Hi. Beginner here. I can follow simple directions, cut and paste CSS, but not much more. I am working on a blog using a custom tonal theme.

  Here is the blog:

  http://www.analogvelo.wordpress.com

  As you can see, on the home page, there is an icon with some small horizontal bars, which gives access to all the menu options. There are also two other icons, one which looks like a comment bubble, and another icon that looks like text. I want to remove those icons.

  I can’t find them in the widgets for any of the menus, or anywhere else.

  Can I take them away?

  Please help…it’s driving me crazy.

  Many thanks,

  Bruno

  The blog I need help with is: (visible only to logged in users)

• 

  michaelvandenberg · Member · Aug 28, 2015 at 8:44 am

  • Copy link

  Hi there,

  Just paste this and the hated icons will disappear:

  .entry-format,
  .comment-icon {
  	display: none;
  }

  Let me know if it works!

  Best regards,

  Michael

• 

  brunoschull · Member · Aug 28, 2015 at 11:19 am

  • Copy link

  Hi Michael,

  Thanks for the reply. I realize it’s been a year or two since I last edited the CSS code on my first blog.

  How/where do I find the CSS editor?

  Do I have to make the change in each post or page, or can I make the change for the whole site?

  Thanks again for your help–I really appreciate it.

  Bruno

• 

  brunoschull · Member · Aug 28, 2015 at 11:53 am

  • Copy link

  Hi again Michael,

  I just tried something; from the dashboard, I went to Themes –> Customize –> CSS and then I cut and pasted the code you suggested into the theme. The small icon with the comment bubble went away, but the small icon with the text still appears.

  Any more ideas?

  Thanks again,

  Bruno

• 

  michaelvandenberg · Member · Aug 28, 2015 at 12:27 pm

  • Copy link

  Hi Bruno,

  Glad to be of help! :)

  And you missed the dot before entry-format.

  So it needs to be exactly like this:

  .entry-format,
  .comment-icon {
  	display: none;
  }

  While you’ve pasted this:

  entry-format,
  .comment-icon {
  	display: none;
  }

  You see the missing dot before entry-format? If you add the dot this will work.

  Good luck!

  Regards,

  Michael

• 

  brunoschull · Member · Aug 28, 2015 at 12:32 pm

  • Copy link

  Yeah!

  Thank you so much.

  To somebody like me, who basically knows nothing about this stuff, you expertise seems like magic!

  All the best,

  Bruno