About Custom Logo

kikis1011

I want to make a button with a custom marketplace logo in my country, how do I make a custom logo for the button in the plugin? above is an example

James

Hi kikis1011 ,

Thanks for reaching our to us!

This may be possible in Buttonizer by using an image as an icon. 🤔
You can then either make the button invisible or make the icon bigger than the button.

Here are the steps on how to use an image as an icon:

Go to the button's settings page.
Go to the Styling tab.
In the Icon group, select Image as an Icon type.

You can then copy and paste your logo's url and your button should now have it as an icon.

This is how to make a button invisible:

Go to the button group in the Styling page of your button.
Disable box shadow
Set the transparency of your button color all the way up. (You may need to also remove the hover color)

And that should be it! Your button should now just be your image.

Please let me know if this helps! 😄

urbangateest

How can I fix the rotation? I see that the heart is rotated. How can I adjust it to be straight?

AaronR

Hello,

The button is rotated in the above picture because it rotates when open (and goes back to "straight" when the menu is closed). Not sure if that was obvious, since on your site you are using a menu button that is open by default (so it looks "tilted" until it is closed).

If you didn't want the menu button to rotate, you would need to do so by adding some CSS to your site. First, you would need to give your menu button a custom class. You can do so by selecting the menu button in your Buttonizer editor, clicking on the Style tab, then going to the "Custom ID & Custom Class" section and add a custom class name (like staticmenubutton for example):

Then, you can add this style to your site:

.staticmenubutton i {
		transform: translate(-50%, -50%) rotate(0deg) !important;
	}

The menu button icon should then not rotate when the menu is open.

Hope that helps!