Jump to content
Sign in to follow this  
suerama

Code for bootstrap modal button position?

Recommended Posts

suerama+    2
suerama

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
catrina    103
catrina

Please add this code to Custom Code > Custom CSS:

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
suerama+    2
suerama

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×