Group Label Position

Invitekaro

Hi, thanks for creating Buttonizer, its awesome.

While setting it up , I tried to place the Group Label below the group button. Unfortunately, it seems there is no way to do it? If it does, can you please let me know how to set only Group Label below group button. I have attached a screen shot for reference

There are only options for Left / Right and Auto. I couldn't find an option which allowed me to move the label below ( bottom?) Group icon

I tried adding custom css to group-label. The problem was, it would mess up alignments of Labels of buttons within the group.

JonasT

Hi there,

Glad to hear you like Buttonizer! We appreciate that very much.

Regarding your question, it is not possible to put the label under the group without using some sort of a workaround. So to be able to achieve this, you need to adjust the CSS. By addressing .buttonizer label with the CSS you can adjust the position by using the attributes 'top' and 'right'. For me the following numbers worked, but in your case I would play around with the numbers to determine the position.

Please let me know if this helps.

Jonas

Invitekaro

Thanks for the reply Jonas. I tried this workaround, unfortunately this works partially.

Please see attached image as reference

Once I make changes to move label to the bottom, it messed with alignments of the other button labels within the group. I tried but couldn't get around this issue

JonasT

Hi,

Apologies for the late response.

You may be able to achieve this by adding Custom CSS to the CSS editor we have made available for our users. You can find it in the container 'Custom ID & Custom Class' under the 'Advanced' tab.

Can you copy and paste the following piece of code into the editor and see if the buttons show up under the 'Get Started' button.

.buttonizer .buttonizer-group {
  right: 50% !important;
  top: 200px !important;
  bottom: unset !important;
  transform: translateX(50%);
}

@media screen and (min-width: 900px) {
 .buttonizer.buttonizer-group {
   top: calc(330px + 5vw) !important;
 }
}

I hope this helps.

Jonas

Invitekaro

Thanks Jonas, I believe this is a feature for Pro users. I would love to upgrade to Pro, but facing a much bigger issue since last night posted here

https://community.buttonizer.pro/d/1020-403-on-wordpress-buttonizer-integration

JonasT

Hi,

My apologies! My reply was meant for another post.

The other problem you are facing will be answered on that post. Once that problem is solved, I will help you further with placing the labels under the buttons.

Cheers,

Jonas

Invitekaro

Thanks Jonas, truly appreciated