Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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,

    Pat

    #107469

    Hi,

    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

    Thanks,

    Nick

    #107470

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

    Thanks Nick.

    #107471

    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?

    #107472

    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.

    Regards,

    Devin

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

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