Remove icon before page headers

  • Resolved kabbashdesign

    (@kabbashdesign)


    10 years, 5 months ago

    I have started a child theme and found this code for the icon before the page titles.

    article.page .format-icon:before {
    content: “📄”;
    font-size: 3em;
    line-height: 0;
    position: relative;
    top: 14px;
    }

    What do I do to this code to have it remove the icons before the page titles when adding it to my child theme?
    Must be a simple question to someone who knows code??

Viewing 8 replies - 1 through 8 (of 8 total)
  • tomaja

    (@tomaja)

    10 years, 5 months ago

    Just add

    article.page .format-icon:before {
content: none;
}

    to your child theme style.css file.

    Thread Starter kabbashdesign

    (@kabbashdesign)

    10 years, 5 months ago

    Thx for getting back to me tomaja
    For some reason I am not able to get anything added into my child theme to respond.
    Below is what I have, the theme is activated but that’s it?
    I’ve set up Child themes before similarly and they work. What do you think?

    /*
    Theme Name: customizr child theme 1
    Theme URI: http://kabbashdesign.com/client2/
    Description: customizr child theme 1
    Author: Tom Kabbash
    Auther URI: http://kabbashdesign.com/client2/
    Version: 1.0.0
    Template: customizr
    */

    @import url(“../customizr/style.css”);

    article.page .format-icon:before {
    content: none;
    }

    tomaja

    (@tomaja)

    10 years, 5 months ago

    Hi again,
    you dont need @import…. line, default style.css is already loaded.
    You could also try with

    article.page .format-icon:before {
    display: none;
}

    but previous version should work as well. If it is not working again check and empty your cache.

    Thread Starter kabbashdesign

    (@kabbashdesign)

    10 years, 5 months ago

    I fussed around with the folders and got the Child theme to work and the icon is gone!! Thank you!

    Thread Starter kabbashdesign

    (@kabbashdesign)

    10 years, 5 months ago

    I’m back!
    So the icon was removed when viewing in Firefox but it shows in Safari. I tried both the display: none and the content: none and cleared the history but it’s not happening? Any other ideas?

    tomaja

    (@tomaja)

    10 years, 5 months ago

    Ah, that Safari, still no full support for web standards. Try to add

    article.page .format-icon:before {
    visibility:hidden;
}

    Hope it helps. If it is, than you can make this thread resolved. Thanks.

    Thread Starter kabbashdesign

    (@kabbashdesign)

    10 years, 5 months ago

    And now it’s working, sorry for the response.

    tomaja

    (@tomaja)

    10 years, 5 months ago

    Im glad it worked.
    Cheers

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove icon before page headers’ is closed to new replies.