I may have missed it but I can't seem to see a way to insert a image in a content region and make it resize based on what device is viewing the page. Is there a way to do this easily?

Hi skysadlo1
A common way to do this would be to just set the "max-width" of the image to 100%. For instance...

<img style="max-width:100%" ...

or using a class

<style>
img.limitwidth{
max-width:100%;
}
</style>
<img class="limitwidth" ...

That way the img should not be larger than the container. Would that work for you?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Prefect! I think this is working properly.

One more quick question. I have a small boarder around images on categories.php for each category, how can I eliminate or change the boarder color?

THANK YOU!!

Hi Leon

I think I'm understanding you correctly here.

Have a look for div.category in the style.css or ectcart.css file - something similar to this

div.category{
border:1px solid gray;
margin:0.5%;
padding:6px;
width:49%;
display:inline-block;
box-sizing:border-box;
}

Either remove the entry in red complately for no border at all or edit the colour hex value to suit

div.category{
border:1px solid #E7E7E7;
margin:0.5%;
padding:6px;
width:49%;
display:inline-block;
box-sizing:border-box;
}

If you are referring to the small category image having a border around it look for the following in your style sheet

img.catimage {
max-width: 100%;
height: auto;
border: solid 1 px #E7E7E7;
}




Steve
Bolton Lancashire

Thanks Bolten, but I must be missing something. I have double checked all the areas you suggested and still can't remove the red border. Here is a link to what I am talking about.
https://alansart.com/categories.php?cat=6
Trying to remove the red border on the category images.

Thank you for your help!!

Hi Leon
I had a look at the page and I don't see a border. But also, the ectcart.css style sheet doesn't seem to be included and it might be better to add that back and I'll take a look at any problems you still have as not having the ectcart.css file can cause other problems (such as your category navigation.)

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hi Vince,

Thank you for responding. I am a relative novice when it comes to this. How would the ectcart.css become excluded? Either way how do I reconnect it and do I do that just to the categories page? I have a screen shot of two issues I am having but am not sure how to add them to this forum?

To show an image in the forum first upload your image to some webspace.

Then, for example, if the image is located in the images folder on mydomain . com then all you need to do is surround that full URL between the opening & closing IMG tags but do remove all spaces from how my example shows. Before posting just click on Preview & if it shows correctly then click on Post New Reply & the image you want to show should be visible.
[i m g ]https : // mydomain . com / images / the image i need to show . jpg [ / i m g ]

[ i m g ] [ / i m g ]

Steve
Bolton Lancashire

Here is the link to the screen shot I am trying to change.

https://alansart.com/Screenshotsm.jpg


Thanks,
Leon

I just viewed your website page and I don't see any red border:

https://alansart.com/categories.php?cat=6

I notice in your style.css sheet around line 492 you have Black #000 set as your border color

img.catimage {
color: #000;
border-color: #000;
/*border-width: 1;*/
}

Try refreshing your browser.

Patrick

Thanks for all the help!!