Hey guys!
I've just uploaded my website from my localhost to my staging URL to test on the server before changing my DNS to point to my new website. However most of the images are broken, and I cannot figure out why.
They are all hosted in the correct place on the server and the code seems to be pointing to the images correctly. If I go into the back-end of wordpress and try to upload another image in it's place - it doesn't show up either.
The logo is working, and all the images I have included within my blog posts are working.
Please help!
If you need to log in to the back end -
username: knpwebsite
password: supersecret
Thanks!!
Actually - now that I have got it all working, I am testing on iphone/ipad etc. There are a couple of custom fonts that I have used throughout the website which are way too big when viewed on the iphone screen.
I have tried using the following code to call a different set of css values for the font sizes when viewed on a device, but it's not working.
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.jacques-header{
font-family: JacquesGilles;
font-size:20px;
line-height:30px;
}
.tah-bold-header {
font-family: TALUHLA-Bold;
font-size:20px;
line-height:30px;
}
.emma-heading{
font-size:20px;
line-height:25px;
color:#000000;
}
}
It's all good, I figured it out!! I didn't really know enough about the @media tag so I did some reading and have managed to get it looking schmick on all of my devices :)
Hey Emma!
It appears one of your scripts is broken - this error is getting thrown in the console:
ReferenceError: FlowSlider is not defined FlowSlider("#aboutusslider");Please ensure that the script/plugin is still getting loaded correctly :)
WOOHOOO!! All fixed, thanks so much!
Actually - now that I have got it all working, I am testing on iphone/ipad etc. There are a couple of custom fonts that I have used throughout the website which are way too big when viewed on the iphone screen.
I have tried using the following code to call a different set of css values for the font sizes when viewed on a device, but it's not working.
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .jacques-header{ font-family: JacquesGilles; font-size:20px; line-height:30px; } .tah-bold-header { font-family: TALUHLA-Bold; font-size:20px; line-height:30px; } .emma-heading{ font-size:20px; line-height:25px; color:#000000; } }The specific page I am looking at is
http://kyky1242.staging-cloud.netregistry.net/weddings/
Is there something I am missing? Thanks :)
It's all good, I figured it out!! I didn't really know enough about the @media tag so I did some reading and have managed to get it looking schmick on all of my devices :)
Thanks again for your help,
Emma
Great to hear Emma :)
Cheers!