[iamwithUParticipant]

Then what about the font family, font color, responsive text etc?

[LelyModerator]

Hi There,

As stated on this reply #1417107 Responsive Text will be work using the CSS provided which is this:

@media ( max-width: 979px ) {
.convert_plug_heading {
font-size: 45px !important;
}
}

@media ( max-width: 767px ) {
.convert_plug_heading {
font-size: 40px !important;
}
}

Now for font-family and color, we can also add this:

.convert_plug_heading {
  color: red !important; /*Update to your preferred color*/
  font-family: "Quando",serif; /*Change to your preferred font*/
}

Hope this helps.

[iamwithUParticipant]

I suppose you put that in the global edit for CSS in Cornerstone. Can we amend the font family and color inside the editing panel of ConvertPlug or its source file the < > icon in the tool bar? What’s the difference of doing it there versus doing it in the customiser of Cornerstone?

[JoaoModerator]

Hi There,

You can add that to Appearance Customizer Custom CSS.

ALtough there is not such a thing as a correct or incorrect solution, It is more handy to adjust your parameters this way. I personally prefer to have my CSS in one place (usually on Appereance Customizer Custom CSS) than have bits all around the site, so if in the future I or any other developer need to change anything, everything is in one place.

If you still prefer to place it on Convertplug, please refer to :

https://docs.brainstormforce.com/how-to-write-custom-css-for-a-convertplug-module/

Hope it helps

Joao

[iamwithUParticipant]

When you refer to the “Appearance Customizer Custom CSS”, it is the “Edit global css” right?

That was great advice. Thanks Joao, for that valuable tip – I now understand the importance of having CSS in one place.

I also appreciate the link about CovertPlug. I learnt some basic stuff there. 🙂

[JoaoModerator]

Hi There,

Glad to hear it,

Let us know if you need help with anything else.

Joao

[iamwithUParticipant]

Joao,

You taught me patiently earlier in the thread how to create a button on my website to popup a modal. Thanks to you, that button is now created.

For learning purpose, can I go to another webpage, create another button and activate the same modal created earlier? i.e. 2 buttons with the same name, same class, but activating one common modal? I tried doing it, but the 2nd button didn’t work.

[Rue NelModerator]

Hello There,

Having the same name and class should not be a problem. Could you please provide the urls where we can find the button? We need to take a closer look at your button.

Thank you in advance.

[iamwithUParticipant]

This reply has been marked as private.

[iamwithUParticipant]

Guess what? With your assurance that 2 buttons can have the same name and class, I went back to explore and found out how to get my 2nd button going.

Thank you, Rue Nel!

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts