Archived

This topic is now archived and is closed to further replies.

  • 0

Problem with pictures

Question

Posted · Report post

Hi there,

 

i use PageLines Pro 2.4.1 since a few weeks.

Please take a look at http://demo.pr-gesundheitswesen.de/wp/ and use Chrome and Firefox or the IExplorer - and you will see my problem. In Firefox the Pictures look correct, in Chrome they are smaller an resized, and I have no idea why. This occurs only with the Pageline Theme.

 

PageLines: Pro 2.4.1

WP: newest version on own server

 

Thanks in advance

 

Regards

Axel

 

 

Share this post


Link to post
Share on other sites

15 answers to this question

Posted · Report post

There is no problem with Google's Chrome or Apple's Safari, they're simply follow the rules. Technically, max-width should only work in block elements and tables are not a block element.

 

What I would suggest is you either use our Browser specific CSS and add CSS for chrome and safari to add max-width and instead of 100%, use pixels instead. Alternatively and what I would recommend is for you to use the PageLines Grid, instead of tables.

 

http://support.pagelines.me/docs/plugins/browser-specific-css/

http://support.pagelines.me/docs/miscellaneous/grid-system/

Share this post


Link to post
Share on other sites

Posted · Report post

Hi mackenzie,

 

yes, the first is 190x190, the second 190x120.

The Settings in WordPress Dashboard > Settings > Media > Image sizes > Thumbnail size are "150 x 150", but it doesnt't matter what I choose here - the pictures doesn't change their size.

 

Now I tried to use the NextGen-Gallery - just to see if the Problem stay the same. It does.

It seems that PageLines resizes the images. Is there a solution for this?

 

Thanks & Regards

Axel

Share this post


Link to post
Share on other sites

Posted · Report post

PageLines doesn't resize images. If the issue is occurring only on Chrome, then it may be browser-related. I looked into it and it appears that 24x24 is the size being applied to the images, and it's coming from the Javascript properties clientWidth and clientHeight, which are read-only, so I don't think they can be changed. As a workaround, try using the browser specific plugin so that you can make a change to the width of these thumbnails in Chrome. Please review these instructions for Custom CSS first (if you are unfamiliar with CSS): http://support.pagelines.me/docs/customization/custom-css. To download and install the plugin, see: http://www.pagelines.com/store/plugins/browser-css/. For instructions on how to use it: http://support.pagelines.me/docs/plugins/browser-specific-css. For help with the width attribute, please see these instructions: http://www.w3schools.com/cssref/pr_dim_width.asp.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi catrina,

 

with the codeinspector I found the following (take a look at the Screenshot)

But I have no idea from what the Javascript derives that resizes the images. Any idea where I can find the JavaScript-Source? Is it from PageLines?

falsche-groesse.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Medical 

 

have you used any CSS on your site? Can you display the plugins you have installed? 

 

Also can you supply some screenshots of what you are seeing please?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Martin,

 

thanks for your reply.

 

Here you can see how Chrome display teh page

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/chrome.jpg

 

and here, how the Page looks in Firfox

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/firefox.jpg

 

My WordPress Plugins are

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/plugins.jpg

 

I do not use a seperate CSS-File, just Pagelines. With the "Pageline Customize"-Plugin I added just a few lines to the "pagelines-customize/style.css" to change then color of the fix NAV-Bar. 

Share this post


Link to post
Share on other sites

Posted · Report post

Can you try disabling all non-pagelines plugins and see if this resolves the issue. Then if it does, could you try re-enabling them one by one to find the culprit. 

 

Let us know how you get on 

Share this post


Link to post
Share on other sites

Posted · Report post

... I have already tried this without success

Share this post


Link to post
Share on other sites

Posted · Report post

Can you tell me what the actual height/width is for this image? Is the image in your media 190x190? Also what is your setting in WordPress Dashboard > Settings > Media > Image sizes > Thumbnail size?

Share this post


Link to post
Share on other sites

Posted · Report post

Indeed the problem only occurs, when pictures are placed in a Table...but why? And why only in Google Chrome?

Why does Pagelines resizes the images in a table?

Share this post


Link to post
Share on other sites

Posted · Report post

Great suggest....using PageLines Grid works....but ist there a way to see the Grid-Layout in the WordPress WYSIWYG-Editor?

Share this post


Link to post
Share on other sites

Posted · Report post

I wouldn't recommend using the Wordpress Visual editor (WYSIWYG) as it's pretty poor to use when adding HTML to your pages/posts, as it can cause formatting issues. So unfortunately, there isn't any to see a visual representation of the grid, the only way to see it is to add the code to your page/post, save and then view the page/post.

Share this post


Link to post
Share on other sites

Posted · Report post

I understand. Thanks for your solution...using Grid instead of tables solved it.

 

Thanks & Regards

Share this post


Link to post
Share on other sites

Posted · Report post

No problem!

Share this post


Link to post
Share on other sites