Removing a feature from Tonal theme with CSS

  • Unknown's avatar
    brunoschull · Member ·

    Hi,

    I have a custom Tonal theme website. I want to remove the small black box with the horizontal text lines from the upper right corner of all posts. I tried to check all right options and boxes but I can not seem to find a way to make that small box disappear.

    Is there some simple CSS code that can make that box go away?

    Many thanks,

    Bruno

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Bruno, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to hide the post format icon. 

    .icon-block {
    display: none;
}
  • Unknown's avatar
    brunoschull · Member ·

    Thanks! Can I follow that up with another question?

    Is there some code that I can insert to remove the small box comment box from the upper right of the title? As before, I tried to check all the boxes and so on, but I could not make it go away.

    All the best,

    Bruno

  • Unknown's avatar
    thesacredpath · Member ·

    Bruno, I’m not seeing that on your site. Can you give me a link to a place where that appears and I’d be happy to give you the CSS?

  • Unknown's avatar
    brunoschull · Member ·

    Hi,

    The link is:

    https://raceandgenetics.wordpress.com

    (I’m a biology teacher, and I am trying to assemble some material about the scientific basis for racial equality)

    I am trying to remove the small black box above and to the right of the title.

    I am also trying to change the spacing between the title, the gray line underneath, and the beginning of the text in the post. I would like less space above and below the gray line if possible.

    Thanks again–I really appreciate your help.

    Bruno

  • Unknown's avatar
    hallluke · Member ·

    That black box is the button that enables your navigation menu at the top, you can hide it with the following code but I’d suggest leaving it in so visitors can still navigate around your site:

    #menu-nav {
  display: none;
}

    As for the padding you can mess with this CSS to change it to suit your needs:

    #masthead {
  padding-bottom: 30px;
}
.fullwidth-block {
  padding-top: 10px;
  padding-bottom: 10px;
}
.hentry {
  padding-top: 10px;
}
  • Unknown's avatar
    brunoschull · Member ·

    Thanks!

    Bruno

  • The topic ‘Removing a feature from Tonal theme with CSS’ is closed to new replies.