Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #356902

    Well the topic says is all:
    How can I change the news icon (pencil) into an own image?
    There should be a way…?!
    Thanks!
    Stefan

    #356907

    Hey beenee!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .blog-meta span.iconfont:before { display: none; }
    .blog-meta span.iconfont {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }

    Cheers!
    Yigit

    #357717

    Hi Yigit,

    thanks for your ideas…

    didn’t work though. Obviously I thought I’d have to alter your code in the highlighted line:
    .blog-meta span.iconfont:before { display: none; }
    .blog-meta span.iconfont {
    background-image: url(PATH TO IMAGE);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }

    So my code for the Quick CSS would be:

    .blog-meta span.iconfont:before { display: none; }
    .blog-meta span.iconfont {
    background-image: url(http://dev.sprachschule-bonn.com/?p=3746);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }

    Any more ideas?

    THanks

    -beenee

    #358117

    Hey!

    The url that you added is not an image file. It should be:

    .blog-meta span.iconfont:before { display: none; }
    .blog-meta span.iconfont {
    background-image: url('http://dev.sprachschule-bonn.com/wp-content/uploads/2014/11/Anker-plp-Hintergrund-schwarz.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }

    Cheers!
    Ismael

    #364859

    Thanks Ismail,

    my apologies for the late reply, your response got drowned in a spam folder.

    I changed the URL to:
    http://dev.sprachschule-bonn.com/wp-content/uploads/2014/11/Anker-plp-Hintergrund-schwarz.jpg

    I would think the other link: http://dev.sprachschule-bonn.com/?p=3746 would do the same but anyway, it doesn’t give me any other image then the pencil…

    Any more ideas…?!

    Thanks a lot

    S

    #365180

    Hi!

    Where is the actual blog page? Please post the url here. Why do you keep on adding the image attachment page?

    Regards,
    Ismael

    #369915

    Hi,

    (sorry foir the poor response. I had to change my corresponding emails as I didn’t get a notice from your reply. Hope it works now!)

    The actual Blog url is: http://dev.sprachschule-bonn.com/plp-news/ (sorry)

    All I wanted is to replace the pencil icons @ http://dev.sprachschule-bonn.com/plp-news/ with my own images…

    Thanks
    S

    #369957

    Hi!

    Please use following code instead

    span.fallback-post-type-icon {
    background-image: url(https://dev.sprachschule-bonn.com/wp-content/uploads/2014/11/Anker-plp-Hintergrund-schwarz.jpg)!important;
    background-size: contain!important;
    background-position: 50% 50%;
    }
    span.fallback-post-type-icon:before {
    display: none;
    }

    Cheers!
    Yigit

    #370533

    Thanks!
    Excellent, it works!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How can I change the news icon (pencil) into an own image?’ is closed to new replies.