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.
Center sign up box in APWT
- Agalassi1792
- AllPro Expert
- Posts: 510
- meble kuchenne Mikołów Knurów Czechowice-Dziedzice
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
- Elizabeth
- Support Team
- Posts: 4
- Joined: Thu Mar 22, 2018 11:36 am
- Website: www.allprowebtools.com
Re: Center sign up box in APWT
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
https://www.youtube.com/watch?v=Lcr7NBk7E_U
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Center sign up box in APWT
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> </p>
</div>
</div>
</div>
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> </p>
</div>
</div>
</div>
- Brads326
- Support Team
- Posts: 179
- Joined: Tue Dec 12, 2017 10:06 am
- Website: www.allprowebtools.com
Re: Center sign up box in APWT
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:
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Center sign up box in APWT
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.
Support Code: 3390-0
I do not think that I will have time to do a screenshare anytime soon regarding this client.
- Brads326
- Support Team
- Posts: 179
- Joined: Tue Dec 12, 2017 10:06 am
- Website: www.allprowebtools.com
Re: Center sign up box in APWT
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.
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Center sign up box in APWT
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!
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!
- Dave
- Support Team
- Posts: 1222
- Joined: Wed May 11, 2011 10:30 am
- Website: www.allprowebtools.com
- Contact:
Re: Center sign up box in APWT
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.
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.
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Center sign up box in APWT
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
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
- Brads326
- Support Team
- Posts: 179
- Joined: Tue Dec 12, 2017 10:06 am
- Website: www.allprowebtools.com
Re: Center sign up box in APWT
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.
Code: Select all
<div class="leadbox leadbox1 custombox0" style="width:320px; margin: auto">
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Center sign up box in APWT
okay thanks that finally worked.
But is there anyway that you could make centering sign up boxes much easier than this?
Just wondering, thanks.
But is there anyway that you could make centering sign up boxes much easier than this?
Just wondering, thanks.
- Brads326
- Support Team
- Posts: 179
- Joined: Tue Dec 12, 2017 10:06 am
- Website: www.allprowebtools.com
Re: Center sign up box in APWT
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!