Center callout button?

5 posts from 3 voices

• Started 3 months ago by headbentdesign
• Latest reply from Devin
• This topic is not a support question

Tags:

• center align

1. 

   headbentdesign
   Member

   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

   Posted 3 months ago #
2. 

   Nick
   Moderator

   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

   Posted 3 months ago #
3. 

   headbentdesign
   Member

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

   Thanks Nick.

   Posted 3 months ago #
4. 

   headbentdesign
   Member

   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?

   Posted 3 months ago #
5. 

   Devin
   Moderator

   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

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.