default Images

Hi @melody62,

1) instead of the read-more-text an image

You could potentially use custom CSS to add an image alongside the read more text. The following, for example, would add the small image that you’ve also added alongside your widget titles alongside the read more text:

a.more-link:before {
    display: inline-block;
    margin-right: .15em;
    content: "";
    background: url(https://melodymusic.nl/wp-content/uploads/2017/10/wt.png) no-repeat;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}

2) background of social links

How are you trying to change these exactly? It’d be fairly straightforward to change their background colour with the following custom CSS:

.jetpack-social-navigation ul a {
    background: #ea9305;
}

It’d be a lot trickier to change the actual images, though.

If you let me know a bit more about how you’d like to change them I can see how I can help.

Hi Siobhan

Thank you… the read-more image is now in place and in a almost perfect way. I would like to place that leave behind the text instead of before it.
I’ve tried a couple of things already but I did not succeed in the right placement.

Concerning the background of the Social Links… I have discovered how to change the backgroundcolor but I don’t succeed in replacing it by an image… is that possible?

Hi Siobhan

I’ve downloaded a plugin for menu-images… and the image of my choice could be placed in my menu’s so I’va got what I wanted ??

I’m glad you’ve got the social menu looking the way you want it to!

To get the image appearing beneath the link, you could try replacing the initial CSS I provided to you with the following:

.more-link {
    background: url(https://melodymusic.nl/wp-content/uploads/2017/10/bladje.png) no-repeat;
    background-position: 50% bottom;
    background-size: 35px;
}

The above will set the image as a background image behind the link and you can increase/decrease the 50% value to increase/decrease the position of the leave on the x-axis.

Let me know how that goes!

Hi Siobhan

?? Me too.

I would indeed love to see the image beneath the text but ….I’ve tried it and the images seems to get stuck behind the text and gets much lighter in color, due to some kind of lightbox?

Hi there,

Oh, I’m sorry! I misunderstood what you meant by “beneath the text”. I thought you wanted the image to be behind the text rather than actually underneath it.

Could you try replacing the previous CSS I provided with the following?

a.more-link:after {
    display: block;
    content: "";
    background: url(https://melodymusic.nl/wp-content/uploads/2017/10/bladje.png) no-repeat;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    margin: auto;
}

Let me know if that works!

Hi again

No need to apoligize ??

That works fine, thank you!!

I’m glad we got there in the end. ?? You know where we are if you have extra questions too.

Me 2 ??

Yes I do. Till next time