WordPress.org

Support

Support » Themes and Templates » [Resolved] How to change the little icon/image in the left of the page title?

[Resolved] How to change the little icon/image in the left of the page title?

  • Hi Everyone.

    Im working in my very first WordPress site using the Customizr theme, wich by the way is AMAZING! Well I cant find where to change the small icon/image in the left of the pages title, you can see what i mean in this page of the site i´m working on: “http://csi-agil.com/home/?page_id=15” just at the left of “Quienes Somos?”. Pls Help!

    PS. Pls Excuse my englis, not my native language.

Viewing 15 replies - 1 through 15 (of 20 total)
  • I’m having the exact same issue with the little annoying icon next to each page title. How do I disable this icon and also the title heading on the pages?

    Thank you in advance!

    probably not the fanciest solution but I added this in the custom CSS

    .format-icon:before {
    	speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      padding-right: 10px;
      opacity: 0.2;
      position: relative;
      top: 8px;
      display: none;
      font: normal normal 1.2em/1 'entypo';
    }

    The display:none; is main thing.

    Hey silentkv; excellent piece of code!
    Worked beautifully, many thanks!!

    Awesome! I don’t even know CSS and just copied and pasted this. Thank you!!

    Wow, thanks silentkv. I can say the same like cproctor… no idea of css, just paste and copy and it works great. Another worrie solved 😉

    I’m more noob, where do I enter the custom css above?

    Either:

    1. In the Customize’it! panel’s “Custom CSS” box, or
    2. In a child theme

    The first option is easier to start with.

    Thak you very much silentkv, works like a charm.

    While we’re there, is there a way to not display the page title? I was able to do it on the home page. I can shrink the font size to zero but it still takes a lot of space above the text box.

    Paste the following into your custom CSS in Customiz’it!

    .page .entry-title {
    	display: none;
    }

    This solution works well to hide it altogether – is there a way to change what symbol is displayed?

    In fact, what I see displayed in this location is a “?” inside a diamond shape on Safari 5.1.9 although it looks correct with Firefox running on the same mac.

    You can create your own thread to discuss your own issue.

    @andrew Nevins The OP’s original question was how to change it too, but the question got answered by simply deleting it.

    @ferd I don’t know the full answer, but the CSS that you need to add to your child theme and edit/modify will look like this:

    .entry-summary.format-icon:before,
    .entry-content.format-icon:before {
      font-family: 'entypo';
      speak: none;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      padding-right: 13px;
      font-size: 6.0em;
      opacity: 0.3;
      position: relative;
      top: -54px;
      display: block;
      float: left;
    }
    article.page .format-icon:before {
      content: "\1F4C4";
      font-size: 3em;
      line-height: 0px;
      position: relative;
      top: 14px;
    }

    The \1F4C4 in the entypo font is what displays the little page icon.

    The problem on iDevices, I think, is that the entypo font cannot be loaded, so you get the irritating question mark / error.

    I don’t know enough about unicode characters to know immediately what will work, but you should be able find some font/character combination that works.

    Good luck!

    @electricfeet, Yes. The OP’s question was answered. The way WordPress.org forums work is that people create their own threads to discuss their own issues.

    I copied and pasted that bit of code into the custom CSS area but it’s not removing the icon at the left of the page headers. It seems to be working for other people on here, am I doing something wrong? Or is there another way to remove those?

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘[Resolved] How to change the little icon/image in the left of the page title?’ is closed to new replies.