Joomla Templates Club 406,261 posts

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#970162

Dear all,
My blog look good, see here
https://www.pustakakomputer.co.id/blog/
But, when I go to the full text article [ READ MORE ], the layout go crazy like here
https://www.pustakakomputer.co.id/blog/liputan-media/pelindo-dukung-pelatihan-pembuatan-website-umkm
Problem, how to set/resize the image in full text article blog?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970261

Hi
the image size for the article is 799×799 , the article image use 100% width . At this time is the max. width of the image > http://prntscr.com/cl38vv
You can add a big size image to fill the whole width .

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#970323

I want to use half width as show in my screenshot before.
Can I set the the custom dimension for this image?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970371

Hi
If you want to set a max width for the articles add below code in custom.css file
and change the value of width as per your needs

.item-page .item-image img {
    max-width: 600px!important;
}

default value was 100%

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#970422

It’s Ok.
And then I add 15px of padding right.
Problem found in caption border. It’s go out from vertical image line.
What code I should add to manipulate the caption border in the good looking place.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970451

Hi
you can apply the max-width on caption style classes

.img_caption p.img_caption {

    max-width: 436px; }

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#970465

It’s work.
And then the space between bottom caption border and the text below are too height. How to reduce them to 15px?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#970742

Hi
add this code in custom.css file and reduce the space as per needs

.item-page .item-image, .item-page .img_caption {
    margin-bottom: 25px!important;
}

[Author]

Posts