I'm trying to add a background image url to Djaden's profile. But no matter what url I put in the background url brackets it just shows up as plain white... what am I doing wrong? Apparently I also am unable to change the colors of things too. I put the hex color codes in the right areas but nothing changes. Help?
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
Hey! Took a look at the code you currently have, and the background color is being overridden by another line of code. In order to prioritize the one you're attempting to put in, add in a [tt]!important[/tt] before the semicolon:
background-color:!important;
(This should solve the background-image puzzle, too.)
[box=#509b91]
[/box]thanks so much, that worked to change color but not the image url for some reason, did I put it in wrong?
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
Ah, sorry, I thought that might've been the barrier in both cases. What code are you using for the background image? I don't currently see that on there. Try this?
body{background:url(yourimagelink);}
Might need some additional adjustments afterward (if you need to alter size/position/etc.), but that should get the image in place, at least. Make sure the link you're using is the direct link to the image itself.
[box=#509b91]
[/box]I've tried altering the code a little in so many different ways I still can't get the background image to show up.
This is the code right now,
/* change background image/color */
body, html {
background-color: none;
body, {background:url ;(https://i.postimg.cc/50FjHkn6/nature-background-design-1333-14-Djaden.jpg)!important;}
}
This must not be correct because it won't show up no mater what I do... how do you alter image size? Maybe its just such a small image it appears only under the white colored table where pet information is? I'd like my background to take up full screen but I don't know how to do that.
Edit: Okay apparently size wasn't the issue cuz I replaced the image url with a new url of a resized version of the picture and made it as big as a monitor can get... so yeah I really don't understand why it's not showing up. Is the !important thing in the wrong place? Argh this is frustrating! I do really appreciate your help so far though!
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
Ah man, I'm sorry you're having a frustrating time with it. I'm on mobile atm (about to sleep), so it's a but cumbersome for me, but try this!
body, html{background:url(https://i.postimg.cc/50FjHkn6/nature-background-design-1333-14-Djaden.jpg)!important;}
I'll elaborate more in the morning, but thst might help for now.
[box=#509b91]
[/box]
No it didn't work either, here is the code right now for reference
/* change background image/color */
body, html{background:url("https://i.postimg.cc/pdxyGymW/nature-background-design-1333-14-Djaden.jpg") ! important;
}
Also tried
/* change background image/color */
body, html{background:url("https://i.postimg.cc/pdxyGymW/nature-background-design-1333-14-Djaden.jpg") !important;}
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
Hey! Weird.
I usually prefer to cram both background color and image into one element (e.g., [tt]{background: url(https://i.postimg.cc/pdxyGymW/nature-background-design-1333-14-Djaden.jpg);}[/tt] ), but maybe try splitting them out?
body, html{
background-color:;
background-image:url(https://i.postimg.cc/pdxyGymW/nature-background-design-1333-14-Djaden.jpg);}
I wondered if some existing code in the template was conflicting, and saw that this is the way helix has it set up.
[box=#509b91]
[/box]Also didn't work, here I'll give you the full code maybe you can figure out whats going on with all of it, I'm completely stumped... Edit: putting the entire code here seems to make my post appear blank, I can try putting it on a pets profile I guess...
Edit 2: Added the code to my pet lookup of Myles https://subeta.net/petinfo.php?petid=5996932 Its at the bottom of the page, scroll down
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
Is the [tt] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 [/tt] in the profile code? Try taking that out :O
[box=#509b91]
[/box]
Took the code out, it didn't work I updated the code on Myles' profile
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
I'm still seeing a string of numbers at the beginning, and I'm certain that's what's throwing it off. If there's a reason you want to have them there, you can add [tt]/[/tt] in front of 1 and [tt]/[/tt] after 98, and it won't disrupt the code.
I've got it working on one of my pets, here, with a few additions to the background properties --
body, html{background-color:;background-image:url(https://i.postimg.cc/pdxyGymW/nature-background-design-1333-14-Djaden.jpg)!important; background-attachment:fixed; background-position:bottom; background-size:100%;}
[box=#509b91]
[/box]Those numbers aren't even in the code though, not on the edit pet profile page, it just has numbers 1-98. What the heck? I exactly what you did what you did with the code and it's still not working...
Edit: AAAAAhhh! It worked it worked!!!! Thank you so so so much!!!! I'm so happy right now omg omg omg!!! Yaaay!
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]
I have no idea what those numbers are or why they're there, but hey! I'm glad it worked for you, finally. :)
[box=#509b91]
[/box]Yeeesss! Thank you so much for your help, time and patience!
[font=monospace] Autistic, Bipolar, Depressed, OCDed(and who knows what the hell else I have honestly) and really really anxious over every little thing. Yup that's me! Call me Midna, pleasure to meet you.[/font]