Hello, I use the same basic profile for most of my pets. Tonight I decided to update the few that didn't have it yet, but I'm not able to update the banner image. I'm not sure if this is me messing it up, since it's been so long since I've updated one, or if it's Photobucket. I did notice a variety of links depending on where I clicked in Photobucket. I tried all of them, but none of them work. I do pay for it, and I checked and the images linked from PB are working just fine on my other profiles. Anyone have any idea what I'm doing wrong?
Example pet - Alice
| [box=#d2918c][/box] | [box=#957dad][/box] |
| [box=#FEC8D8][/box] | [box=#E0BBE4][/box] |
| [box=#d5d6ea][/box] |
it's a minor thing so what you have looks like
:before {
background-image: url(‘https://hosting.photobucket.com/images/e343/adarasmommy/Alice.png’);
}
the issue is the character that are around the url this ‘ it's not a single quote like it looks slightly off idk what it is anyways you should be able to use double or single quotes but the best would be nothing like the following
:before {
background-image: url(https://hosting.photobucket.com/images/e343/adarasmommy/Alice.png);
}
Thank you!
Edit - unfortunately that didn’t work. Those apostrophes were a part of the code and didn’t seem to impact my older profiles. I suspect the problem is with the Photobucket links.
| [box=#d2918c][/box] | [box=#957dad][/box] |
| [box=#FEC8D8][/box] | [box=#E0BBE4][/box] |
| [box=#d5d6ea][/box] |
@/Blythe
fine let's do it the hard way,
here look at this one I grabbed from one of your older profiles
:before {
background-image: url('http://i42.photobucket.com/albums/e343/adarasmommy/Pet%20Profiles/hobbit_zpsm5xedltv.jpg')
}
then if you compare the symbols on the one that is not working to the working one they're not the same
‘’ - what broken profile has
'' - what one of your older profiles have
here I also put the banner part on one of my pets removed to also prove there is nothing wrong with the image
Thank you 😊
| [box=#d2918c][/box] | [box=#957dad][/box] |
| [box=#FEC8D8][/box] | [box=#E0BBE4][/box] |
| [box=#d5d6ea][/box] |
it is a single quote, but it is specifically a smart quote/curly quote, aka what happens when you type/paste single (') or double (") quotes into certain word processors. they are automatically converted to their curved variants, either opening (‘ / “) or closing (’ / ”) depending on context.
HTML & CSS require straight quotes, and will break when smart quotes are introduced, so you have to be mindful of where you paste or type your code, and double check for this mistake if it stops working. it's happened to me before—just by pasting the code into certain programs, all the quotes got "smartened" without me even doing anything or realizing.
if you're going to be writing or saving your code in an external program, i recommend something like Brackets that is designed specifically for coding, so it will never automatically convert characters (like straight quotes) into different characters (like curly quotes) as it knows that would break the intended code.