Changing Ellipsis to Read More

Hey there stuli1989,

How are you doing today?

Generally you should be able to change that by using translation files (didn’t actually check that so I’m not sure).

Alternatively you should be able to change that with some custom CSS.
Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

http://wordpress.org/plugins/simple-custom-css

.post-template-1 .details .post-small-button a i:before {
    display: none;
}

.post-template-1 .details .post-small-button a:after {
    content: 'Read More';
}

.post-template-1 .details .post-small-button {
    width: 100px;
}

.post-template-1 .details .post-small-button a {
    width: 100%;
    font-size: 14px;
}

This should be the result http://screencast.com/t/lnCXnQDxPRzd.

Hope this helps 🙂

Cheers,
Bojan

Hey again stuli1989,

For some reason part of the code is not working, I’m assuming that’s the part that is giving width 100px to the button, I’m not sure why since everything looks fine when this is added using inspector so lets try with adding more specificity to that selector to see if that will help.

Try adding this instead:

.post-template-1 .details .post-small-button a i:before {
    display: none;
}

.post-template-1 .details .post-small-button a:after {
    content: 'Read More';
}
.post-template-1 .post-content .details .post-small-button {
    width: 100px;
}

.post-template-1 .details .post-small-button a {
    width: 100%;
    font-size: 14px;
}

If it is the same result, please keep the code added and let me know so I can see which part is overriding it.

Best regards,
Bojan

Hey again stuli1989,

It was actually the link one that was getting overridden, so adding specificity to that one should do the trick, please replace the code with the following:

.post-template-1 .details .post-small-button a i:before {
    display: none;
}

.post-template-1 .details .post-small-button a:after {
    content: 'Read More';
}
.post-template-1 .post-content .details .post-small-button {
    width: 100px;
}

.post-template-1 .post-content .details .post-small-button a {
    width: 100%;
    font-size: 14px;
}

Please let me know if this works 🙂

Cheers,
Bojan

Awesome! Glad I could help 🙂

If your ever in Bombay a meal is on me.

Sounds good! 🙂

Have a great day!

Cheers,
Bojan