Docs

[tats86]

Hello,

I had to use the text editor to add the button code (I wanted to include a popup form and couldn’t do it with the button shortcode), and I want to augment the width of the button. Where do I add the button width attribute to this code (I want the button width to be 300px)?

Here’s what I have as of now.

Demander une soumission

Thank you!

[Nabeel A]

Hi there,

Thanks for writing in! I tried to check your site but your link doesn’t go anywhere. Can you please post the URL of your site so we can take a look?

Thanks!

[tats86]

Sorry about that! The page where the button is located is http://aimetamarque.com/services/

The first button (shorter) is the one I’m trying to fix. I want it to look like the one immediately below.

[Darshana]

Hi there,

First off all, assign a class to that button (‘.my-button’).

Then add the following CSS into your Customizer, Custom > CSS area.

.my-button {
    min-width: 300px;
}

Hope that helps.

[tats86]

Thank you… but how do I assign a class to the button in the html below?

<a class=”manual-optin-trigger x-btn x-btn-flat x-btn-square x-btn-regular”

title=”Plus d’information”
href=”#”
data-optin-slug=”zvrnizxl3ztjvzem” data-options=”thumbnail: ””>Demander une soumission

[Darshana]

Hi there,

Use the following HTML code and then you can add the above CSS code into your Customizer, Custom > CSS area.

<a class="my-button manual-optin-trigger x-btn x-btn-flat x-btn-square x-btn-regular" title="Plus d'information" href="#" data-optin-slug="zvrnizxl3ztjvzem" data-options="thumbnail: ''">Demander une soumission</a>

Hope that helps.

[tats86]

Fantastic. Thank you so much!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts