On my blog, I can't center any images (like a button or youtube video) although I have "centered" in the code and by selecting the "centered" option for alignment. Is it a CSS issue with the style sheet? Any suggestions? Here is a post that I'm referring to... you can see the pink CTA button that will not center.
http://www.coedmonkey.com/blog/water-based-ink-american-apparel/
Any insight is appreciated, but I feel like it's an issue with the style sheet. Thoughts?
i dont know what the problem is in the editor.
But in the css i can se the problem.
OLD CODE
element.style { color: #ffffff; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px; display: inline-block; max-width: 300px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 3px inset, rgba(0, 0, 0, 0.498039) 0px 1px 3px; background: #f491a3; }
NEW CODE
element.style { color: #ffffff; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px; display: block; max-width: 300px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 3px inset, rgba(0, 0, 0, 0.498039) 0px 1px 3px; background: #f491a3; margin: 0 auto; text-align: center; }
As you can se i have added
margin: 0 auto;
text-align: center;
and change the display : inline-block; to display: block;
Hoped it helped
Give them Kudos! thanks