Pop up text Font ( typography ) + Clickable buton

Hey @ghass2795,

Hope you’re well.

I am afraid, the font changes not possible from the settings of popup in the current version of Hustle. But you can make it via custom CSS, I prepare you the custom CSS for the elements you used on the popup;

.hustle-modal-body h1{
    font-family: "Old Standard TT", serif !important;
}

.hustle-modal-body h2{
    font-family: "Old Standard TT", serif !important;
}

.hustle-modal-body input{
    font-family: "Old Standard TT", serif !important;
}

.hustle-modal-body button{
    font-family: "Old Standard TT", serif !important;
}

I set all of them to your menu font, but you can change font-family as you wish. If you don’t know what you should write, just tell me the font you want to use and I can edit codes based on that.

For the second question, you should activate “Click” trigger from Popup-triggers and write the button id or class;

To find id or class of the element, you can right click and click “inspect” from Chrome. Developer console will pop and then you can check class or id part. You should write id’s with putting # character in front of it, and class’s with putting . character in front of it.

If you are not comfortable about it don’t worry, if you can tell me which button should trigger, I can write you exact string you need to paste.

I hope these help!

Cheers,
Oguz

Great thank you ,

I Typed #butonid ( #5634) but nothing is happening. Should I attribute a link to the button in the theme editor ? leave it blank? ( id=”gdlr-core-button-id-5634″) this is the full button link

2- Also how can I change the pop-up text size?

Thank you again for your help

Also ,, the pop up is not mobile responsive at all ? Any advice ?

Thanks

https://www.coachchynna.com/

This is the website

Hey @ghass2795,

Hope you’re well.

For the id field, if you are seeing your button id like this id="gdlr-core-button-id-5634" , you should write exactly this #gdlr-core-button-id-5634 can you try like that?

For the text size, please add new line after this line;
font-family: "Old Standard TT", serif !important;

And write this on new line;
font-size:18px;

You can change 18px to any size. Also, it should be responsive but looks like there is some little conflict with your theme or plugins. Can you add this custom CSS for fix responsive too;

.wph-modal .hustle-modal{
	max-width:100% !important;
}

Cheers,
Oguz