WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] How to change the little icon/image in the left of the page title? (21 posts)

  1. mendiolacristian
    Member
    Posted 1 year ago #

    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.

  2. floridaparadise
    Member
    Posted 1 year ago #

    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!

  3. silentkv
    Member
    Posted 1 year ago #

    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.

  4. mazveronese
    Member
    Posted 1 year ago #

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

  5. cproctor
    Member
    Posted 1 year ago #

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

  6. Eduard-i-Silvia
    Member
    Posted 1 year ago #

    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 ;-)

  7. Derrick150
    Member
    Posted 1 year ago #

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

  8. ElectricFeet
    Member
    Posted 1 year ago #

    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.

  9. mendiolacristian
    Member
    Posted 1 year ago #

    Thak you very much silentkv, works like a charm.

  10. Derrick150
    Member
    Posted 1 year ago #

    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.

  11. ElectricFeet
    Member
    Posted 1 year ago #

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

    .page .entry-title {
    	display: none;
    }
  12. Ferd Farnsworth
    Member
    Posted 1 year ago #

    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.

  13. Andrew
    Forum moderator
    Posted 1 year ago #

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

  14. ElectricFeet
    Member
    Posted 1 year ago #

    @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!

  15. Andrew
    Forum moderator
    Posted 1 year ago #

    @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.

  16. ncowen22
    Member
    Posted 1 year ago #

    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?

  17. jfinau
    Member
    Posted 1 year ago #

    Thanks Electric feet for that code, I update my theme the other day to 3.0.9 and was looking for a code to remove that icon and heading for days, the first bit of code got rid of both the icon and heading....thank you heaps for that.....cheers

  18. aawsd
    Member
    Posted 1 year ago #

    I've removed the page title icon and the page title from all of my pages.
    What I would like to do is add a different graphic in the title area of each page. Is there coding I can put in to effect each page differently or should I simply add the graphic to the body of each page?

    If I can put CSS code on each page separately, what is the coding for a graphic that I've loaded onto my image gallery?

  19. rdellconsulting
    Member
    Posted 1 year ago #

    @aawsd, can you start a new Topic please as this one is already [resolved].

    Thanks

  20. April475
    Member
    Posted 1 year ago #

    @rdellconsulting I STILL can't remove the logo by the title on a page. I think I've butchered my code. Please help if you can. thank you so much.

    This is my page if you need to see it : http://66.147.242.194/~mountby1/

  21. rdellconsulting
    Member
    Posted 1 year ago #

    @April475, start a new topic please as this doesn't relate to the original Topic which is [resolved].

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.