changing image
current ![joy](joy.jpg) it says to change it to, sam.jpeg and also update alt when i do it says, its wrong.
this is what i changed it to ![sam](sam.jpg)
but when i just copy past the suggestion it works ?
am i doing something wrong?
```index.html


 
 
all about joy's page


![joy](joy.jpg)
alex



sales consultent



 oregon


 what i do:


i'm a teacher at treehouse, but you should write in what you do here!


 what i enjoy doing:


when i'm not writing code, i like to surf and play music. your turn, write in something that makes you happy, or things you like to do in your free time.


 

```
```style.css
/***********************************************
top bar color 
***********************************************/
html {
 border-top: 20px solid #8a85a5;
}
/***********************************************
body styling 
***********************************************/
body {
 max-width: 600px;
 margin: 0 auto;
 padding: 20px 20px;
 font-size: 1.3em;
 line-height: 1.6em;
 font-family: helvetica neue, helvetica, arial, serif;
 color: #777;
 font-weight: 300;
}
.centered {
 text-align: right;
}
/***********************************************
image styling 
***********************************************/
img {
 border-radius: 100%;
 max-width: 340px;
}
/***********************************************
headline styling 
***********************************************/
h1 {
 font-size: 1.5em;
 line-height: .5em;
 color: #564581;
}
h2 {
 font-size: 1em;
 line-height: 1em;
 font-style: oblique;
 color: #aaa;
}
h3 {
 font-size: .875em;
 line-height: 1em;
 font-weight: normal;
}
h4 {
 margin-top: 60px;
 font-weight: 500;
 color: #564581;
}
```
the code you posted above still has the original img tag with joy.jpg, so it doesn't show what you entered that did not work.
but taking a wild guess, i would point out that javascript is case-sensitive, and so is the challenge checker, so if you accidentally substituted lower case for upper case, or vice-versa, it would not work in the code or pass the challenge.
Hey [@aaabartonn](/c/user/viewprofilepage/user-id/750931) 

1. In your Shopify Admin go-to online store > themes > actions > edit code  
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:


```
.Container img {width: 100%; height: 75px;}
```
Hope this works for you.

  
Thanks!



 If helpful then please **Like** and **Accept Solution**.  
Do you need custom changes on store ? **Hire me**.  
Feel free to Contact me on **dmw.webartisan@gmail.com**  
Follow us on Instagram **[@dmw.webartisan](https://www.instagram.com/dmw.webartisan/)** ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
   


I am going to suggest peace signs, boho style, or shabby chic. That way she can grow into it and still use the stuff as a teenager Attached: [7F451897-6687-45A2-A02B-5CC74543635B.jpg](//supforums.com/file#/?post=811635599&filename=7F451897-6687-45A2-A02B-5CC74543635B.jpg) (1152x2048, 350K) try this mate. replacing images and links with your own.



```
<center><script language="JavaScript">
<!--
// Create arrays to contain all the values 
// for links and image locations
link = new Array
image = new Array

link[1]="[http://www.wildexpo.com.au/Aust%20Rep%20Show/](/posts/bad_link/469772?url=http%3A%2F%2Fwww.wildexpo.com.au%2FAust%2520Rep%2520Show%2F)"
image[1]="[http://www.reptilesaustralia.com.au/forums/Ads/wildexpo.gif](/posts/bad_link/469772?url=http%3A%2F%2Fwww.reptilesaustralia.com.au%2Fforums%2FAds%2Fwildexpo.gif)"

link[2]="[http://www.freewebs.com/langylot/](/posts/bad_link/469772?url=http%3A%2F%2Fwww.freewebs.com%2Flangylot%2F)"
image[2]="<http://i14.photobucket.com/albums/a345/Instar/reptilemad.jpg>"

link[3]="[http://www.theherphouse.com/](/posts/bad_link/469772?url=http%3A%2F%2Fwww.theherphouse.com%2F)"
image[3]="[http://www.theherphouse.com/mkportal/templates/default/images/logo.jpg](/posts/bad_link/469772?url=http%3A%2F%2Fwww.theherphouse.com%2Fmkportal%2Ftemplates%2Fdefault%2Fimages%2Flogo.jpg)"

link[4]="[http://www.aftcra.org.au/](/posts/bad_link/469772?url=http%3A%2F%2Fwww.aftcra.org.au%2F)"
image[4]="<http://i14.photobucket.com/albums/a345/Instar/adimage2.jpg>"

link[5]="<http://reptilesaustralia.com.au/index.html>"
image[5]="<http://i14.photobucket.com/albums/a345/Instar/reptilesaustralia.jpg>"

link[6]="<http://www.zoomed.com/>"
image[6]="[http://www.reptilesaustralia.com.au/forums/Ads/zoomed.jpg](/posts/bad_link/469772?url=http%3A%2F%2Fwww.reptilesaustralia.com.au%2Fforums%2FAds%2Fzoomed.jpg)"

link[7]="<http://www.reptilepark.com.au/>"
image[7]="<http://i14.photobucket.com/albums/a345/Instar/arpbanner468x60.jpg>"

link[8]="<http://www.wildlifewarriors.org.au/>"
image[8]="<http://i14.photobucket.com/albums/a345/Instar/www_banner.jpg>"

link[9]="[http://saveourreptiles.proboards50.com/index.cgi](/posts/bad_link/469772?url=http%3A%2F%2Fsaveourreptiles.proboards50.com%2Findex.cgi)"
image[9]="<http://i50.photobucket.com/albums/f335/lnvexotics/Untitled-1undoner11.jpg>"

// Create a random number between 1 and last number
random_num = (Math.round((Math.random()*8)+1))
// Write a link and images with random array
document.write('<a href="' + link[random_num] + '" target="_blank">'); 
document.write('<img src="' + image[random_num] + '" border="0"></a>'); 
-->
</script>
</center>
``` Hi, I had a play around with it and managed to resolve it. When you download a picture from stock some are downloaded as a vector file. If you click on settings you can change it to download as a jpeg file.  This worked for me.  Cheers > 
> 
> | [meljtabb](/adobe-users/10558700) wrote:I'm not sure if this is a color space issue or a calibration issue or something else entirely.  |
> 
> 

You seem to be using the Windows Photos App, which is not color managed, and will not display correct colors.

Lightroom is color managed, and will display correct colors, as long as the monitor profile is correct.

This difference in color is more pronounced if you have wide gamut monitor, in which case you have to use only color managed applications to view your work.

Bridge and [Irfanview](http://www.irfanview.com/) are both free and color managed (you have to enable color management under Settings in Irfanview).

On Windows 10, the Windows Photo Viewer is apparently still color managed, but it's hidden somewhere. Do a search for it.

A paid option is the latest version of ACDSee (20).


> 
> 
> | My camera (Nikon D750) is set to sRGB |
> 
> 

The color space you set in the camera only affects jpgs (and the jpg embedded in the raw files), if you shoot raw, it doesn't matter which color space you choose. You are using position:absolute; Don't, it usually leads to endless problems.



Even if you had a real need to use it, why are you placing things at left 1400px!!!



This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.



I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.



Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.



Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And a form needs an action, so you'll have to learn a bit about scripting, probably php. hi [@samliew](/u/samliew)

thank you for your feedback too. i’m overwhelmed by all the support.

it seems as though this is something i can fix myself, without too much technical knowledge. i’ll get onto it today.

thank you again! hey [@rapha](/u/rapha) , could you try these changes on your mobile mode? this suggestion stems from the fact that your cart takes up the whole height and is really narrow.

[[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/c/1/c183e24cd6648f19454eddfe3bf89087e1edfa29.png "image")

the result i get is the following:

[[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/3/3/338e06df505307c5fdd1c817a2ba847bf9848d88.jpeg "image")

the height of the cart in px is not recommended personally, i would use either % v… hi [@omar\_jandal](/u/omar_jandal) i found the problem!

somewhere on your site is a interaction fireing on your “article v3” class. [[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/e/f/ef1234ea647732bbbe8dcba17f1f3301d12dd79e.png "image") [[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/f/8/f8a0c96ba03678a653e0aa1af8c13d0e631a6558.png "image")

i don´t know where the interaction is set, but if you mind it i would simply change the color in the interaction from purple to green. or just delete it. i have also s…