How to change "READ MORE" caption ?

Hi,

I have been using Dzonia them since 2 years now. My web site URL is www.salsa-brest.fr

I would like to change the READ MORE captions on the front page to their french equivalent (EN SAVOIR PLUS).

I edited front-page.php for it and it works, with a slight problem :
The arrow image appears now in the middle of the caption since EN SAVOIR PLUS is longer than READ MORE.

You may see the problem on the pic uploaded.




How to do ?

 

Hi,

Greetings from InkThemes,

It would be our pleasure to serve you.

Please follow the screenshot given below.


Note:- Replace the 'READ MORE' text with your desired text.

For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.
Hope it will resolve your issue
Thanks & Regards!
Nitin
InkThemes.com

 

Hi Nitin,

Thanks for your response but this does not resolve my problem. As I explained in my first post, I know how to change READ MORE text from front-page.php and it works.

But if the new caption is longer than READ MORE, the arrow image appears in the middle of it.

How can I place this arrow image correctly at the very end of the caption ?

Please see image :

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.featured_content .column-three .inner_area .read_more {
    background-position-x: 50%;
}

Note: - Please increase/decrease the value according to your requirement.

Regards!
Praveen
InkThemes.com

 

Now, this works !

Thanks a lot.

 

I declared victory too early.

Actually, the problem stays the same on Mozilla Firefox (up to date)
Strangely, it has been resolved for Chrome and Safari.

 

Hi,

Replace the earlier provided code with the CSS code given below.

Code:

 .featured_content .column-three .inner_area .read_more {
    background: transparent url("wp-content/themes/dzoniatheme/css/colors/images/next-orange.png") no-repeat scroll 45% 4px;
}

Hope it will resolve your issue

Regards!
Praveen
InkThemes.com