Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?



Find us on Facebook

Follow us on Twitter

View our YouTube channel


 All Forums
 General
 Design issues
 Image resizing
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

PaulP
Advanced Member

USA
145 Posts

Pre-sales questions only
(More Details...)

Posted - 03/05/2020 :  11:55:43  
Hello All,
I'm having a problem with a image not resizing when viewed on a phone. It stays the same size and throws off the site in phone view.


Yours Truly,
Paul P.
Longtime ECT Customer

Phil
ECT Moderator

United Kingdom
7124 Posts

Posted - 03/06/2020 :  02:02:07  
Hi Paul,
Can you try adding this to your style.css
div.detailimage img{max-width:100%;height:auto;}

If that doesn't work can you post the url of one of the products you're seeing the problem with so we can take a look please?



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

PaulP
Advanced Member

USA
145 Posts

Pre-sales questions only
(More Details...)

Posted - 03/09/2020 :  07:12:23  
Hi Phil,
I added the div.detailimage img{max-width:100%;height:auto;} line to style.css file with no change. You mentioned the products not resizing, I'm trying to get the image of the Council Officers on the homepage to adjust.

[url]http://kofcmarian3761.org/v/[/url]


Yours Truly,
Paul P.
Longtime ECT Customer

Phil
ECT Moderator

United Kingdom
7124 Posts

Posted - 03/09/2020 :  07:32:17  
Hi Paul,
It seems the image and the text on your homepage is in a table which isn't ideal for a responsive site.

What I would do is remove the table completely and put all that content in a div like this in code view

<div class="home-content">
Put all your content in here
</div>

then add these two lines to your style.css file
div.home-content{ float:left;width:100%;}
div.home-content img{max-width:100%; height:auto;}

Then remove the height and width attributes from the image

<img title="Click for LARGER view" src="images/xmas2017.jpg" class="auto-style7" height="316" width="806">

If you want me to do that for you send me FTP details



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Edited by - Phil on 03/09/2020 07:33:35

PaulP
Advanced Member

USA
145 Posts

Pre-sales questions only
(More Details...)

Posted - 03/09/2020 :  09:05:16  
Hi Phil,
Can I have your email address so I can send you the login info?

Yours Truly,
Paul P.
Longtime ECT Customer

Phil
ECT Moderator

United Kingdom
7124 Posts

Posted - 03/09/2020 :  09:09:04  
Hi Paul,
You can click on my name and send me an email or click on the contact us in my signature.
I'm going out for an hour or so, so I'll check my email when I come back and get back to you.



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

PaulP
Advanced Member

USA
145 Posts

Pre-sales questions only
(More Details...)

Posted - 03/09/2020 :  09:11:12  
Hi Phil,
It's on its way thru your contact link.

Yours Truly,
Paul P.
Longtime ECT Customer

Phil
ECT Moderator

United Kingdom
7124 Posts

Posted - 03/09/2020 :  11:18:51  
Thanks for that.

I've simply wrapped the image with the class 'home-content' and that seems to be fine within the existing table, and added the following to the css/style.css file

div.home-content{ float:left;width:100%;}
div.home-content img{max-width:100%; height:auto;}

The old index.php file is still on the server but renamed to index-old.php so if everything is okay for you that file can be removed from the server. It looks fine on all devices here but please check and let me know.



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

PaulP
Advanced Member

USA
145 Posts

Pre-sales questions only
(More Details...)

Posted - 03/09/2020 :  14:56:29  
Hi Phil,
Looks great. Iíll check it out further when I get back in tomorrow.

Thanks again for all your help.


Yours Truly,
Paul P.
Longtime ECT Customer

tomfor
Starting Member

2 Posts

Pre-sales questions only
(More Details...)

Posted - 07/19/2020 :  10:12:49  
Hey. Is it possible to leave a good picture quality on the site, and at the same time not degrade the quality?
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000