How to relocate close button?

Hi @marli-annet,

Hope you are doing good today. ??

Glad to hear you are enjoying the plugin. Please try the following CSS and see whether it helps:

.hustle-button-close{ 
    display: inline-flex;
}

You can add the above CSS via the Custom CSS section in the Hustle side, found under Appearance tab > Custom CSS.

Please do let us know if you have any further query.

Kind Regards,
Nithin

Hello!
Thank you for your answer, and please sorry I write you so late. I tried to use code you wrote before, but nothing happened.

I try to customize slide-ins with newsletter option and beside the question about close buttom relacation I have some other questions:
1. is it possible to resize the form?
2. how can I make fields borders (for example 1px with color #FF9000?
Could you help me please?

Now the form looks like this – https://yadi.sk/i/vptOAv_8s93iFw (it is a preview at admin panel).

Hello @marli-annet ,

Thank you for your answer, and please sorry I write you so late. I tried to use code you wrote before, but nothing happened.

Can you show us your form live, so we could check why our code doesn’t work?

1. is it possible to resize the form?

You can set up a custom size for the module, so it will also change the size of the form. You can do that in Slide-in Appearance tab -> Custom Slide-in Size -> Enable custom size

2. how can I make fields borders (for example 1px with color #FF9000?
Could you help me please?

You can also do that in the Appearance tab of the Slide-in. You can change Form Design to be Outlined and then in the Colors Palette change the color of the border:

kind regards,
Kasia

Thank you for your answer. I tried to change size and design of the form and it works well. I think I didn’t see settings because of some bug.

You may see slide-in on this page. Besides close buttom, one more problem appeared: the little part of slide-in is cutted – https://yadi.sk/i/yrQERTgttRKfYA.

• This reply was modified 4 years, 6 months ago by Marli-Annet.

Hi @marli-annet,

Thanks for sharing the link, seems like its a Slide-in, the CSS shared before was for a popup.

Please try the following CSS to move the close button:

.hustle-button-close {
	right: auto !important;
	
}

You can add the CSS the same way as mentioned before via the Hustles Custom CSS section.

one more problem appeared: the little part of slide-in is cutted – https://yadi.sk/i/yrQERTgttRKfYA.

This occurs due to padding but I’m not able to notice any setting in the Hustle side causing this. You can try the following CSS to override the current behaviour:

.hustle-slidein.hustle_module_id_3.hustle-show {
	padding-left: 0 !important;
}

The above CSS would need to be added under via the default WordPress customizer, under Appearance > Customize > Additional CSS.

I hope this helps. Please do check and let us know if you have any further query. Have a nice day ahead.

Best Regards,
Nithin

Hello!
You’re right, there is slide-in on this page. Previously I tried to use popup, but than changed it on slide-in. I didn’t think about different codes uses for different forms. Sorry!

Code you recommended to use to relocate close buttom on slide-in works well. And the second code resolved the problem. Slide-in look well now.

Thank you very much!