Joomla Templates Club 406,261 posts

[rosensta Friend rosenstaJoin date: May 2007Posts: 36Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#196607

Hi,

Take a look at the link.

http://www.readyweb.dk/design/soulhouse2014/index.php/om-os/vild-med-dans

The pictures on the page (and on all pages) tahe up all width of the design – I just can’t get them to be displayed smaller.

Any idea why?

Best regards
Jens

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#530183

Here is something you can try . . . .

If you haven’t already, create a file called “custom.css” within file path –> /templates/JA-Biz/css
Within that file, put the following CSS rule:


.article-intro img, .article-content img, .article-image img, .article-image-intro img {
display: block;
height: auto;
max-width: 100%;
width: 50%;
}

You can, of course, play around with the pixel value for the “width” property until you arrive at the result you’re mose satisfied with.

Hope That Helps.

[rosensta Friend rosenstaJoin date: May 2007Posts: 36Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#530184

Thanks Tom,

But won’t that “lock” the width of the pictures to a specific value for all pictures?

Is there no way that I can specify a width individual for the pictures I put on a page?

Br.
Jens

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#530186

<em>@rosensta 420816 wrote:</em><blockquote>Thanks Tom,

But won’t that “lock” the width of the pictures to a specific value for all pictures?

Is there no way that I can specify a width individual for the pictures I put on a page?

Br.
Jens</blockquote>

Is there a uniform (original) size of each image you are utilizing – or is each image different in original size?

[rosensta Friend rosenstaJoin date: May 2007Posts: 36Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#530190

The pictures that I have uploaded all have different sizes. Usually they are bigger than what I want to display.

Maybe I want to display one image with the width of 300px – another 400px. and so on…

It seems that the template just shows all pictures in the complete template width no matter what I specify in the image…

/Jens

[rosensta Friend rosenstaJoin date: May 2007Posts: 36Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#530196

Hi

I have now aded your proposal to custom.css – but now the pictures ALL get the same width – and I would like to be able to specify individual width.

Is that really not possible with JA Decor?

Thanks for your assistance.

Br.
Jens

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#530198

The only (possible) way I can think of would be to size each individual image the size you want, and then utilize the following CSS rule (within your custom.css file):


.article-intro img, .article-content img, .article-image img, .article-image-intro img {
display: block;
height: auto;
max-width: 100%;
width: 100%; }

In theory, this MAY result in each picture being displayed according to it’s original size.
(I can’t guarantee this will be the case though – it’s just my own guess/theory … though worth a trial-and-error shot).

My only other thoughts would be:
1. The size parameter is programed somewhere within the php or javascript code
2. You cannot specify a width for each individual image

I am going to forward this issue onto the JA Devs for review and further comment/suggestion (if any).

[rosensta Friend rosenstaJoin date: May 2007Posts: 36Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#530201

Hi Tom,

It must be a bug somewhere in the template.

Usually with all templates you can specify width and height individually when showing an image – like this example:

<img src=”images/image.jpg” alt=”image” width=”100″ height=”94″ />

That works on all other templates – just not JA Decor…

Strange…

Br.
Jens

1 user says Thank You to rosensta for this useful post

1. dougyoung

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#530228

@rosensta, please open the http://www.readyweb.dk/design/soulhouse2014/templates/ja_decor/css/template.css file and replace:


.article-intro img,
.article-content img,
.article-image img,
.article-image-intro img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}


with:


.article-intro img,
.article-content img,
.article-image img,
.article-image-intro img {
display: block;
max-width: 100%;
height: auto;
}


No longer need this css rule in the custom.css file:


.article-intro img, .article-content img, .article-image img, .article-image-intro img {
display: block;
height: auto;
max-width: 100%;
width: 40%;
}


1 user says Thank You to Css Magician for this useful post

1. dougyoung

[dougyoung Friend dougyoungJoin date: February 2014Posts: 4Downloads:0Uploads:0 Thanks: 8]

#531491

Tom,
I’m not sure you understood @rosensta question. I’m having the same problem. When creating an article I would like to have different size pictures, and not the same size every time. In the editor you can specify a size but when you go to the article the picture is full width. This doesn’t seem correct!

Any solution would be helpful. Thanks!

[dougyoung Friend dougyoungJoin date: February 2014Posts: 4Downloads:0Uploads:0 Thanks: 8]

#531811

Css Magician, will this make it where as in Joomla you can create an article with any size picture and it display the same size?

Thanks!

[southpaw3229 Friend southpaw3229Join date: November 2011Posts: 60Downloads:1Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#534030

I am also experiencing the same problem. When i insert an image in an article in the body it takes up the entire page. I want to be able to have the image show up as it’s original size and not blow it up.

Thanks

[jenniebourne Friend jenniebourneJoin date: May 2014Posts: 42Downloads:8Uploads:11 Thanks: 2]

#536796

Any answer from Devs on this? It really is a problem.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#536930

<em>@jenniebourne 429397 wrote:</em><blockquote>Any answer from Devs on this? It really is a problem.</blockquote>

Please send me URL of your site where I can see this bug, I will help you check further directly on your site.

[southpaw3229 Friend southpaw3229Join date: November 2011Posts: 60Downloads:1Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#537096

Here is one example – http://lakeviewhills.com/resort/2014-05-07-18-33-44/2014-05-07-19-12-24

This is a dinning menu that has 4 images. For some reason the template makes the first image really big. I have added the custom.css code that was recommended and no dice.

Thanks

[Author]

Posts