Joomla Templates Club 406,261 posts

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#186716

The intro image for Joomla articles is 660 x 300 and correctly extends to the full available width, just under the (downarrow) print icon with a module in the right hand column – see the Mountain Bike article intro image in the demo of JA Mitius (category, Sports Games).

However the image does NOT extend to the correct width in the full article, but has been narrowed for some reason to just short of the sprocket wheel icon.

The words in the main article extend to the full width and if anything is set to ‘align right’ below the image it extends beyond the edge of the image.

I thought it was just a bug in the demo but the problem still exists in the latest version of JA Mitius for Joomla 3.0+ when I use the full 660 width for any images – the intro size is fine but the width of the main article image is reduced.

Is it a simple fix in the template.css file or is there another problem?

On a different minor note, in case it affects anything, there is a typo in the JA Mitius template.css file at:

.atrticle-feature .article-intro img {
display: none;

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

#489733

Hi,

The image is full to the content section:

pls post your site url here and tell me how you want to achieve.

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#489788

The JA Mitius demo image is not full when I look at it on my screen, is it a browser issue (I use Chrome)

edit: I just checked the demo and my site on firefox and the images are (full) correct for intro and main content, so it appears to be an issue related to Google Chrome, can it be corrected?

---

Attachments:

1. 

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

#489888

Hi,

You can try with this way:

– Open file: templates/ja_mitius/css/custom.css

– Add this css rule:


article .pull-left.item-image {
margin: 0 0 20px 0 !important;
}


And let me know if it helps.

Regards

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#489930

Perfect, thank you Saguaros, really appreciate your help!

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#499644

This problem occurs again after updating to t3 v 1.4 and ja_mitius 1.0.4, even with the custom css adjustment that worked before, any suggestions?

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#499672

Update:

Sorry, ignore my last post, no issue, working fine……

1 user says Thank You to Richard A for this useful post

1. JA Developer

[Author]

Posts