AmberCutie's Forum
An adult community for cam models and members to discuss all the things!

Needing to center a single image(link) in bio

  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
Status
Not open for further replies.
Hi and thanks ahead of time for trying to help! I have looked all over this forum and unless I have missed it somewhere I can't find a code that works to center an image in my CB bio. It is one image that is also a link and I just want it centered underneath the image above. It's the "sign up" button specifically. I've also attached the code for all the pics in my bio, as well as this link to my page thank you again for the help!!

Code:
<img src="https://i.imgur.com/AneGRnk.png" style="display: block;width: 100%;"><a href="https://chaturbate.com/accounts/register/?src=header&auipsrc=navbar;"><img src="https://i.imgur.com/G2S1bA2.png" style="width:600px; height:150px;"/></a>
<img src="https://i.imgur.com/1vHrlQc.png" style="display: block;width: 100%;">
Screenshot 2021-10-02 211029.png
 
<div> elements don't go well on Chaturbate platform, infact don't work at all
Here u go

HTML:
<p style="display:block;width:100%;min-width:10%;margin:120px auto 50px -188px;"><img src="https://i.imgur.com/AneGRnk.png" style="display: block;width: 100%;height:auto;margin:0 auto;"><a href="https://chaturbate.com/accounts/register/?src=header&auipsrc=navbar;" style="display:block;width:100%;height: auto;margin:0 auto;text-align:center;"><img src="https://i.imgur.com/G2S1bA2.png" style="width:600px; height:150px;margin:0 auto;"/></a><img src="https://i.imgur.com/1vHrlQc.png" style="display: block;width: 100%;margin:0 auto;"></p>

Wrapped all your images into a single <p> element and moved it all to the left margin of the page. Still 100% fluid width, except the centered banner with link. That image has kept your original width and height added by you.
Solution used was simple, added style to the URL (to the link) and made it 100% width and text align center. that way the inside content (in this case, the image will be displayed in center of the parent element... anyway... makes no sense to explain all this ... the solution works and that's important.
 
Upvote 0
Status
Not open for further replies.