Archived

This topic is now archived and is closed to further replies.

  • 0

Code for bootstrap modal button position?

Question

Posted · Report post

I working on a page with a bootstrap modal button. If I place in an area toward the top of my content it floats left. When I place it at the bottom of my content area it sits to the right of middle. Cannot figure out code to center it. Any help would be appreciated.

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

Suerama, I know this is counter-intuitive to the concept of LESS and the bootstrap concept, but, wrap the button in its own uniquely named div, then apply CSS to move it where you like using that div. I don't like this solution any more than you will, but I'm told it will work.

Share this post


Link to post
Share on other sites

Posted · Report post

I'm all set. Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Did rangelone's solution solve the issue for you or do you need further assistance?

Share this post


Link to post
Share on other sites

Posted · Report post

Please add this code to Custom Code > Custom CSS:

 a.btn.btn-important {margin-left: -200px !important;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Catrina. Sorry to report, when I put that in, atop my page I got three warnings: "Warning: Invalid argument supplied for foreach() in /home/jblanch/public_html/wp-content/themes/pagelines/includes/less.plugin.php on line 1902. . . . on line 1911. . . . on line 148", The button was in the same position as it had been. Thanks for trying!

Share this post


Link to post
Share on other sites