Public Forums 71,145 posts

[asyraf1985 Friend asyraf1985Join date: September 2014Posts: 3Downloads:3Uploads:1 Thanks: 2]

#201092

Hi,

How to center the intro image when i open the full article? i’ve tried to change the template.css at line 1401 to :

article img,
.article-intro img,
article .img-fulltext-left,
.article-intro .img-fulltext-left,
article .img-intro-left,
.article-intro .img-intro-left,
article .img_caption.left,
.article-intro .img_caption.left,
article .pull-left.item-image,
.article-intro .pull-left.item-image {
margin-right: auto;
margin-left: auto

but the output still same. here the screenshot:

Thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#548390

Hi

Could you post URL of page you want to center image here? I will take a look.

Also turn off Optimize CSS option in template manager.

[asyraf1985 Friend asyraf1985Join date: September 2014Posts: 3Downloads:3Uploads:1 Thanks: 2]

#548454

here the url: http://asyraf.org/tutorial/cakephp/26-cakephp-calculate-days

and optimized css disable 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#548678

You can try going to the CSS file: /templates/purity_iii/css/custom.css (create this file if it doesn’t exist) and add this css rule:


.item-page .pull-left.item-image.article-image.article-image-full {
padding-left: 145px;
}

.item-page .article-content {
float: left;
}


1 user says Thank You to Saguaros for this useful post

1. asyraf1985

[asyraf1985 Friend asyraf1985Join date: September 2014Posts: 3Downloads:3Uploads:1 Thanks: 2]

#548769

Great! Thanks a lot Saguaros 🙂

[Author]

Posts