AllProWebTools.com

Hello,

I'm having trouble getting a horizontally ruled sign up box to center properly in APWT. This is my HTML:

<p style="text-align: center;">#|-SignUpBox|1-|#</p>

is there a different, better way to get it to center, since this isn't working.

Thanks.

Go ahead and use the bootstrap grid system and create a 12/12 column. Place your sign up box in there with that same code mentioned above with the text-align:center command, and it should work. Here is a video to help you with the bootstrap if you are not completely familiar with it.
https://www.youtube.com/watch?v=Lcr7NBk7E_U

okay cool thanks. I tried that but it's not working right. However I am not able to clear cache on this site, as it's DNS records are elsewhere, so that could be why maybe. I tried in two browsers too - chrome and mozilla

my current HTML, using the 'no layout' template.

<div class="container">
<div class="row">
<div class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|1-|#</p>
<p>&nbsp;</p>
</div>
</div>
</div>

I've tested this out on the demo version of allprowebtools and I cannot seem to reproduce your problem. Do you think we could possibly do a screen share so that one of our support staff can see the problem first hand. Here is a video on how to start a screen share:

The support code for the client is:

Support Code: 3390-0

I do not think that I will have time to do a screenshare anytime soon regarding this client.

Thanks for the support code. I loaded up the page and I have seen your issue and I was able to fix it by doing this. You need to add: style="text-align: center" after "col-md-12". It should be after the end quotation mark but before the > That line of code should now be: <div class="col-md-12" style="text-align: center"> I did this in the browser and it centered the sign up box.

okay thanks! I appreciate it

Hi again,

I'm now having trouble centering a sign up box that is horizontally aligned, here's my HTML:


<div class="container">
<div class="row">
<div style="text-align: center;" class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|9-|#</p>
</div>
</div>
</div>

the clients support code is:
Support Code: 1730-0
Page ID: id=127

let me know what's going on, thanks!

It looks like you have a custom CSS file for this account that is over 900 lines in length. There is something in the custom CSS file that is conflicting with centering the leadbox. We have confirmed that the sign up box can be centered with one of our prebuilt themes located here: http://allprowebtoolsthemes.com

This forum is for providing support for the AllProWebTools built in features and themes. We try whenever possible, but we cannot individually troubleshoot issues caused by customizations.

I am sorry that we cannot be of any further assistance to you with this issue.

I am attempting to center a sign up box on a site that is a very new and clean installation.

The sign up box is still not centering. Here's my HTML:

<div class="row">
<div style="text-align: center;" class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|1-|#</p>
</div>
</div>

support code is Support Code: 3488-0

I saw your code and have figured out a solution. You must add margin: auto to within the style tag of the code right here:
If you could confirm that this works with us that would be greatly appreciated.

okay thanks that finally worked.

But is there anyway that you could make centering sign up boxes much easier than this?

Just wondering, thanks.

I'm glad we got everything figured out with that sign up box. Also, thanks for the suggestion, about trying to make it easier to center the sign up boxes. We'll keep this in mind when planning future version of AllProWebTools!