Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #20391

    Hey guys,

    Anyone have any ideas as to how to center the callout button? I’ve tried every piece of code I can find, but no luck. Still advancing in html/css, so I know this may be a little elementary.

    thanks for any help,




    What do you mean? http://www.clipular.com/c?2111375=Fi1YYSiMfHpqqeBtxdFeEjmILVY Here is the callout , and the button comes right after it. Do you mean you want the button on the next line , and centered below the callout?

    You can paste this code into /css/custom.css or Quick CSS located in Eunoia > Theme Options > Styling .. the text box at the bottom of the page.

    #top .padding-active.content-area {
    text-align: center !important;
    #wrap_all .big_button {
    position: relative !important;
    top: -50px !important;

    That will make the callout look like http://www.clipular.com/c?2103476=gKyNFUpbnaEMRDCceuk4fMwjZbY




    Yup, that’s what I needed. Just wanted to center the button.

    Thanks Nick.


    This is actual the code that ended up centering the button for me :

    #wrap_all .big_button {

    margin: 0 280px 35px auto !important;

    position: relative !important;

    top: 40px !important;


    I obviously am going to have to add media queries for mobile and notebook devices.

    Do you approve of this code Nick?


    Hi headbentdesign,

    I would actually suggest something a bit more precise so that you don’t have to use !important. You can, but you’ll just need to make sure the media queries come after that and use !important as well so that they are more important as well as come after the css you have.

    The selectors would have to be custom for your sites layout however.



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Center callout button?’ is closed to new replies.