Text Paragraph in Slider Revolution doesn't follow text area

Hi there,

I have a problem to solved. I can’t justify the text i put into text area, in text layer in slider revolution. Can you help me solved the problem?
To easier for you the understand the situation i faced, i also attach the image here.

You can see it, in the text area.

Looking forward for your reply.

Hi @widyamuktiwaskito,

Please add the align-justify class to your layer under Attributes tab:

After that add this custom CSS to your slider:

.align-justify {
	text-align: justify!important;
}

Hope it helps :slight_smile:

Hi there,

Thanks for your respond here. But, unfortunately, it still doesn’t work.

Is there another way?

Hi @widyamuktiwaskito,

Would you mind providing us with your website URL and admin account so we can take a closer look?

Thank you.

Here is the URL

You can see the access in secure note.

Thanks before.

Hi @widyamuktiwaskito,

Thank you for the credentials, please remove the <br /> tag you added on your text, those <br /> will force break the text and offset the justify text alignment.

Try wrapping it in a div tag instead.

<div class="justify-text">
	Anggriani & Partners percaya bahwa "bila Anda mampu mengelola keuangan dengan baik, maka Anda telah membangun potensi diri untuk menciptakan masa depan yang lebih baik."
</div>

Hope it helps,
Cheers!

Hi there,

I have followed your instructions, but the result is still the same. This is the screenshot after i applied the div.

Hi There @widyamuktiwaskito

I have resolved your issues according to the instructions provided by my colleagues above and I see that your text is justified now.

Hope that helps.

Hi there,

Thanks for your help. What did you do actually? So i can duplicate it to another slider.
Also, the tablet version and the mobile version of the slider still doesn’t work as you can see in my attachments below.

Hi @widyamuktiwaskito,

Just as recommended by Friech and Thai :slight_smile:

I checked your site and I don’t see any other slides, I’m not sure why it’s not working on your another slider. Please provide the site information of that one in case it’s a different site.

Thanks!

Hi there,

Yes, there is only one slide. But, assume that i will add another slider, what should i do to get the text responsive to the media device?
Actually, the reason i create this thread is to get the text responsive with every device we open. Because, i still can’t get that with current situation.

Looking forward for your feedback :smiley:

Hello @widyamuktiwaskito,

Thank you for the clarifications. To have a better understanding of how the layer responsive behaviour works, please check out the detailed explanation in this documentation:

Hope this helps.

Hi there,

I have resolved the justify text in the slider. But, now i have another issue.
When we browse the website in mobile device, the text in the slider look very small and it’s hard to read. What can i do to resolve this?

Thanks before for your concern.

Hello @widyamuktiwaskito,

If that is the case, you can create two text layers with different font sizes. You can then show or hide the text layers for specific screens using the Visibility option.

Hope this helps.

Hi there,

Thanks for your respond. Your solution can help to achieve what i want :smiley:
There still an issue in the text. The text is left align, although i have changed it to center align in the style - space section in revolution slider. So, what should i do to change it to center align?

Thanks before.

Hi,

Try adding a class attribute to your text layer.

Then add this in Theme Options > CSS

.mytext {
    text-align:center !important;
}

Hope that helps

Hi there,

Great, it works. Thanks a lot.

Warm regards,

Hey @widyamuktiwaskito,

It’s good to know that it works out for you. If youhave anything else we can help you with, please do not gesitate to create another thread.

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.