Text out of bounds in content slider

Are you using real sentences that have proper spaces?

Yes of course.

Here’s how it looks in the backend, maybe the issue has something to do with the fonts? https://s17.postimg.org/ud73hrr5b/Bitmap.png

I’m not sure I see the issue, what text for example on your website has the problem?

Here’s a LINK

And a screenshot Screenshot

I see the issue now. Looks like an issue with the ‘font’ tag and the browser’s ability to render it. Did you know this tag has been deprecated in HTML4? I assume you’re not using HTML 3.

Yes, the thing is that I tried using <h3> and the problem was still there

Interesting, can you show that?

Okay its back to <h3>

Thanks for changing it back, I realised the <font> tag was just a red herring.

The real issue is that you have a child element that is larger than its parent element…
Parent (width: 100% = 1070px)

<div class="bx-viewport __web-inspector-hide-shortcut__" style="width: 100%;overflow: hidden; position: relative; height: 146px;">

Child (width: 1140px):

<div id="tab-slide1456834665-1-79" class="tab-pane" style="float: left; list-style: none; position: relative; width: 1140px;">

Thanks Andrew, you’re a life saver. If I make the child width 100% should fix the issue?

Sure there are a few ways to go about it:
– Make the parent element wider (may require JS),
– Make the child element smaller (may require JS),
– Make the text element smaller

Can I apply a option to the short code directly?

[/vc_column_text][vsc_content_slider slider_options=”autoplay,pagination” autoplay_delay=”40000″][vc_tab subtitle=”” title=”Slide 1″ tab_id=”slide1456834665-1-79″][vc_column_text]

I recommend asking that question in the plugin’s support section. Do you know where that section is? If not we can tell you, if you tell us the plugin name.