• Hi there. I’m using the writr theme and am very new to wordpress. I apologize if these are very easy fixes that I just can’t figure out.

    I’m working on this site for practice.

    I would like to remove the circle icon with the piece of paper that shows up on each page next to the title. I managed to change it’s color but wasn’t successful at removing it altogether.

    I’m also interested in changing the font size on each page header. I’d prefer if it was gone as well actually but making it smaller and lighter would work.

    Also, I’m just playing around with content at this point and added a gallery on the logo page. I’m not really happy with the margin between the image and the text below. Is that something that can be changed?

Viewing 6 replies - 1 through 6 (of 6 total)
  • .

    (@techievous)

    I would like to remove the circle icon with the piece of paper that shows up on each page next to the title.

    All codes posted in this reply will be CSS. Place them at the bottom of your child theme’s style.css or custom CSS boxes.

    .entry-format-badge {
         display: none; /* hide icon next to page title */
    }

    I’m also interested in changing the font size on each page header. I’d prefer if it was gone as well actually but making it smaller and lighter would work.

    Not sure which one you would prefer: to change font size or make it disappear. (I’m assume that you’re talking about the page title.) I’ll just post both codes.

    To change font size:

    .entry-title {
         font-size: 14px; /* page title font size */
    }

    To hide page title:

    .entry-title {
         display: none; /* hide page title */
    }

    I’m not really happy with the margin between the image and the text below. Is that something that can be changed?

    Most likely yes, but I’m not sure which one you mean. Could you please give me more info on this one? What image and text?

    Hi, I have a similar question.
    I would like to change the icon of page, to my own font. Font I already installed, but I can’t find the directory where I can changes these icon
    Can you help?

    Moderator Kathryn Presner

    (@zoonini)

    The icons in Writr are displayed with CSS code, using Genericons. You’ll find the classes in /css/genericons.css

    Be sure not to make any changes in the theme’s files directly, or you’ll lose everything the next time you update the theme to the latest version.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    If you need more help in the future, please start a new thread rather than adding to an old one. Thanks.

    Thanks a lot Kathryn!
    Now I find it, thanks to you.
    Yes I am using Jetpack and Custom CSS as well as editing file in Sublime Text2 by FTP.

    I know just a little bit about CSS coding, but once I linked Font file to html and css files.
    I’m beginner.
    Could you please tell me what is the easiest way to replace this icon from Genericicons to my own font that I already install to my WP?
    Is there a way to use existing code/files and just change their name of directory and file name (or something like this)?

    Does anybody know?

    Moderator Kathryn Presner

    (@zoonini)

    If you need more help in the future, please start a new thread rather than adding to an old one.

    https://www.ads-software.com/support/theme/writr#postform

    Your question is buried here in someone else’s old thread about a different issue. ?? Please start a new thread as I suggested above. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove page icon and a few other tweaks’ is closed to new replies.