Large gap in the Call to Action Widget

Hi again,

On my website, i am using the CTA widget as a section to display daily quotes. Now the problem i’m having is that there is a massive gap between the title and the te0xt below it. Is there an option to reduce the distance?

Many Thanks,
nouveau

Take a look at : nouveautycoon.com

Would it also be possible to add a small text under the button? on the cta widget?

Thanks,
nouveau

Also the three dots on the testimonial section are black. Is there a line of code that i can add to the stylesheet to make them white?

Hello there,

To reduce the excessive space between the CTA widget title and the text below it, you’ll need to add this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.panel-grid-cell .sydney_action_widget .widget-title {
  margin-bottom: 0;
}

To add extra custom text under the button, please follow these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

  if( $('.sydney_action_widget').length ) {

    var myText = 'Your text goes here';

    $('.sydney_action_widget .promo-controls').append('<p style="margin-top: 15px;">'+myText+'</p>');
  
  }

})(jQuery);

  1. Update

Regarding to your other question about the testimonial bullets navigation, please create a separate topic as it doesn’t seem to relate with CTA widget topic you initially wrote. Doing so will help us maintain our support forum well archived.

Regards,
Kharis

Awesome. All of the problems have been solved. Made a new topic for the bullet navigations.

Would it be possible to align the text into two sentences. Instead of one long line?

> Made a new topic for the bullet navigations.

Thanks, you’ve gotten a reply already. Please kindly check.

> Would it be possible to align the text into two sentences.

You can use BR tag to break your text.


var myText = 'Your text goes here';

You’ll edit that line in the code I suggested previously. For example:


var myText = 'Your text goes here <br /> second line';

I hope this helps.

Regards,
Kharis

I’m sorry i must have been more clear with the question.

What i meant to say was the normal text on the CTA widget that you add within the widget. Is there a way to split a long quote into two separate sentences.
I didn’t mean the text under the button. My apologies.

Thanks,
nouveau

No problem.

In the “Enter your call to action.” textarea in the CTA widget configuration dialog, you can use the BR tag as well.

Regards,
Kharis

It didnt seem to work very well.
Apologies im not very good with code

This is what i get when i copied the BR tag example you gave.

I put this in the CTA text area:

var myText = '"Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence"<br /> second line';

Here is the results:

Hello there,

In the widget options, you’ll only need to enter a plain text. It should be:


"Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence" <br /> second line

Regards,
Kharis

The ‘Second line’ is still appearing on the front end.
I copied and pasted all of your example.

Hello there,

You can edit the text yourself. “second line” was just an example.

Regards,
Kharis

Oh my mistake, im so silly. Thank you very much for your help

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis