Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 24, 2014 at 4:13 pm #356902
    beenee

    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

    November 24, 2014 at 4:16 pm #356907
    Yigit

    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

    November 25, 2014 at 5:41 pm #357717
    beenee

    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

    November 26, 2014 at 4:02 am #358117
    Ismael

    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

    December 8, 2014 at 6:50 pm #364859
    beenee

    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

    December 9, 2014 at 6:16 am #365180
    Ismael

    Hi!

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

    Regards,
    Ismael

    December 18, 2014 at 12:41 pm #369915
    beenee

    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

    December 18, 2014 at 3:10 pm #369957
    Yigit

    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

    December 19, 2014 at 1:08 pm #370533
    beenee

    Thanks!
    Excellent, it works!

  • Author
    Posts
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.