Need to reduce the size of "Get Started" Button on Survey page

[HiteshB]

I need to reduce the size of "Get Started" Button on Survey page.

When checked Instance in Page editor it shows

But in Url it show id=take_survey.

Please help me with the steps for reducing the size of button

[J Siva · Accepted solution]

Hi @HiteshB 

It's OOB widget, so as per best practices we shouldn't edit that. Instead you can clone the OOB widget and make changes as required.

To clone the existing widget,

-> Go to widget 

-> Search for "Surveys and assessment" widget & clone

-> In the cloned widget html, update the styling as required.

[J Siva · Accepted solution]

Hi @HiteshB 

It's OOB widget, so as per best practices we shouldn't edit that. Instead you can clone the OOB widget and make changes as required.

To clone the existing widget,

-> Go to widget 

-> Search for "Surveys and assessment" widget & clone

-> In the cloned widget html, update the styling as required.

[HiteshB]

Hi @J Siva 

Shall i edit html file or css file

Can can you share what shall i add to reduce size of button

[HiteshB]

Hi @J Siva 

And also below is the html for Get started button

<button class="btn btn-primary btn-block btn-lg" ng-click="c.startSurvey()" id="get-started">Get Started</button>

Can you help me to modify it to reduce the size of button

[J Siva · Accepted solution]

You can modify the html code.

Currently it's using bootstrap classes to maintain the size.

Instead of btn-lg, you can use btn-sm or btn-sm. If you want that in normal size, then just remove btn-lg