Center the images and text on Portfolio Pages « Support Forum | Kriesi.at

Support Forum » Display

Center the images and text on Portfolio Pages

6 posts from 3 voices

Started 10 months ago by jjgarcia03
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

jjgarcia03
Member

I'd like to center align the images and the text on my portfolio pages. here's an example.

http://indiewrecked.com/design-identity/

Thanks!

Posted 10 months ago #

Dude
Dude

Hi!

Try to add following code to style.css:

#main .portfolio_entry .box img {
    display: block;
    margin: auto;
    text-align: center;
}

#main .portfolio_entry .box h3 a, #main .portfolio_entry .box h3,
#main .portfolio_entry .box p, #main .portfolio_entry .box{
    text-align: center;
}

Best regards,
Peter

Posted 10 months ago #

jjgarcia03
Member

Close, but not quite there. The Preview image and the "Read More" text stayed left aligned.

Posted 9 months ago #

Ismael
Moderator

Hi jjgarcia03,

Try to add this code:

.more-link {
   left: 50% !important;
   margin-left: -36px !important;
}

#main .portfolio_entry .box img {
   left: 50% !important;
   margin-left: -50px !important;
}

Hope this helps. :)

Regards,
Ismael

Posted 9 months ago #

jjgarcia03
Member

Perfect, thanks!

Posted 9 months ago #
Ismael
Moderator

Hello,

Glad we could help.

Regards,
Ismael

Posted 9 months ago #