I bought this stack yesterday. Can’t find the setting to center a button on a page, or inside another stack. Does anyone know how this works in this stack?
I also got this stack a couple of days ago. My first experience with it is not too great. But, I was under the impression that the button centers on a page by default?
Anyway, there is no tutorial on 1LD’s website. The downloadable examples page is also of not much help.
Below is a screenshot showing some experiments with this stack:
Perhaps @1LittleDesigner could chime in?
You can view the tutorial for the press stack here:
You will find the ability to change the width of the button under the “Button - Initial State” section, and this option is titled “Fill Mode”. Here you can choose to set the fill mode to Auto (fits to inner content), Fill (fill the container), Pixel (Sets a specific pixel width), or Percent (fills a percentage of the container).
As for multiple lines, it appears that you may have some padding around the “Button Text” portion of the stack, which is why the longer lines are not extending towards the end. If you remove the padding, the text should stretch to fill the space.
By default there is not padding on the text, and the button fill mode should already be set to auto.
Lastly, there isn’t currently the ability to inherit from the page font face. This will need to be added in a future update. Although, for the time being, there is ability to set a custom font, which you could easily use to type in the name of your current pages font-family.
I hope this answers your questions. Thank you so much!
Hi, @1LDskyler, this was very helpful.
However, if not for the link you provided above, I wouldn’t be able to get to the tutorial. I have checked out your entire “Stacks” page and there is no mention of Press stack. I wish you had that page updated and the tutorial present on your website the moment you had this stack available for purchase. I wouldn’t have to post an unjustified negative comment on RW-forum.
Anyway, I was able to set up a button almost exactly to my requirements. Except second line of text can not be centered horizontally, but that is a minor inconvenience. Here is the result:
I am sure multiple lines can be centered, because on one website I have the following button composed entirely of Bootstrap snippet of code:
Not only the text in both lines is centered, but also I was able to use smaller font-size in the second line. For those who are interested, here’s the code:
<a class="btn btn-lg btn-secondary" href="https://www.paypal.me/somebody" title="Go to PayPal website"><i class="fa fa-cc-paypal fa-lg pull-left";></i><span>PayPal<br><small>Minimum $3</small></span></a>
Your button is looking great! We apologize for the mishap, we will get the stack information up on our site right away!
Thanks for the inquiry!
Thank you. It happens to many of us, so, not a big deal.
How does Press compare to BWD Button Plus 2? Why or when would a reach for one and not the other?
The font can be adjust by using Font Pro and choosing “custom”