How to center featured image ?

  • Resolved katherine511

    (@katherine511)


    6 years, 10 months ago

    Hi, can anyone take a look at my website http://cesc.io
    I’m trying to align the images in “program comittee” and “organizing comittee” to the center and I did it by customizing the css but it didn’t work.

    .post-img {
    text-align: center;
    }

    Thank you in advance for anyone who can help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • pxforti

    (@pxforti)

    6 years, 10 months ago

    Those images are background images. You need different css for that:

    Try something like this:

    .speakers__photo {
    background-position: center center;
    }

    Thread Starter katherine511

    (@katherine511)

    6 years, 10 months ago

    I tried the css code but it still stays the same 🙁

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    6 years, 10 months ago

    Hi @katherine511

    Not sure why but you seem to have:

    
.speakers__person {
margin-top: 30px;
margin-left: 4cm; 
}

    If you remove the margin-left it gets centered.

    Thread Starter katherine511

    (@katherine511)

    6 years, 10 months ago

    nvm just fixed it by using
    @media screen and (min-width: 1180px) {
    .speakers__item {
    width: 33%;
    }
    }

    Thank @thesacredpath for saving my life

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to center featured image ?’ is closed to new replies.

Tags