Tribute page. Center image

Tribute page. Center image
0

#1

Tell us what’s happening:

I cant figure out for the life of me how to center an image for my tribute page… I am stuck…
Can anyone please help me?
This is my code.

https://codepen.io/dveem/pen/mMQLRj

=======

Cerati -

Rocker - Leyend

Find out more about him!! Here's the wiki page, and N is a Number cool decumentary about the awesome ddddddddddddddddddddddddddddddd .


#2

I was missing a semicolon on the image but the issue is still the same… dont know how to center it.


#3

Hi,
one of the forms of putting an image on the center is to add a class in wich the left-margin and right-margin make the image align, like this:

.center{
   margin-left:  200px;
   margin-right: 200px;
} 

I don’t know if the number of pixels to align that image is 200, I have tried in my tribute page and it aligns with 700 but the number is probably going to vary because of the size of your image, so the pixels are around 200.


#4

Thanks so much for the suggestion Rafa! what finally worked for me was using the text-centered class on the tag… like this:

  <div class="thumbnail text-center whitebg-img"><img src="http://caras.perfil.com/wp-content/forum/uploads/2017/08/cerati-1.jpg">

#5

Your welcome and I wish you good luck doing the tribute page, bye!