Shop Mobile More Submit  Join Login
Pretty Up Your Profile by Gasara Pretty Up Your Profile by Gasara
An updated and more in-depth version of this tutorial can now be found here.

I've been asked a number of times how I add background images to the boxes on my profile page so I thought I'd put this together. There's some basic HTML in there as well for snazzy formatting.

The code you'll need for adding backgrounds is below. Just copy/paste into your custom boxes and add your links and content.

--------------------------------------

ADDING BACKGROUNDS TO YOUR CUSTOM BOX:

<div class="popup2-moremenu">
<div class="floaty-boat"><img src="BACKGROUND IMAGE URL"></div>
<div class="gr-box gr-genericbox">

YOUR CONTENT

</div></div>



--------------------------------------

Troubleshooting & FAQ can be found here:

Custom Box - Troubleshooting & FAQCustom Boxes
Quite a few people still seem to have issues with getting their custom box backgrounds to work correctly so I thought I'd put this little troubleshooting guide and FAQ together to help. If you follow the instructions closely, you shouldn't have any problems.
If you encounter any issues that aren't explained here, please let me know. I will update this guide with any extra info or solutions as they are requested.
You can read more about customising your profile page here.
The Basics
<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL"></div></div><div class="gr-box gr-genericbox" align="center">
CUSTOM TEXT
</div>

Copy the code above and paste into a Custom box on your profile page. Add the URL of your background image where it says IMAGE URL and replace CUSTOM TEXT with the content you want


Please read before asking for help. Cheers x
Add a Comment:
 
:iconbellanoel99:
BellaNoel99 Featured By Owner Jul 25, 2015  Student General Artist
I followed all the steps but my backgrounds on boxes will not change. I copied and pasted the codes and I put in the URL from st.ash. I have no idea what i'm missing but it's not working no matter what and a feel so foolish. Does it not work if you use it from Stash?
Reply
:iconnorlyjoy:
norlyjoy Featured By Owner 4 days ago  New Deviant Student General Artist
Same for me...  I mean it just shows my image on that custom box nothing more lol
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner 4 days ago  Student General Artist
finally yeah....I guess I've given up on having a nice profile. :/
Reply
:iconnorlyjoy:
norlyjoy Featured By Owner 4 days ago  New Deviant Student General Artist
I've tried it out and I managed to put a little image on that custom button as a background and I tried to write things to check it out, the texts I wrote were on top of the background image but the problem is I don't know how to put actual contents there -.-  I am so hopeless..
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner 4 days ago  Student General Artist
*pats your back* It's ok I am hopeless too
Reply
:iconthecrypticcat:
TheCrypticCat Featured By Owner 4 days ago
You guys have to copy the link directly from the image. Don't use the url code or the fav.me code. 
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner 4 days ago  Student General Artist
I think I tried that but I'll try again. haha ^^" thank you. (cute icon by the way)
Reply
:iconthecrypticcat:
TheCrypticCat Featured By Owner 4 days ago
Anytime and thank you. 
Reply
(1 Reply)
:iconfeathersongdrawz:
FeatherSongDrawz Featured By Owner Jul 17, 2015  New Deviant Hobbyist Digital Artist
OMG THANK YOU
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner Jul 16, 2015  Hobbyist General Artist
How do I get the background to go in the box I want it to. Like if I want it in my newest deviations, how would I put that background there? The background just shows up in my custom box, but not any other boxes.    
Reply
:iconkissforsin:
Kissforsin Featured By Owner Jul 11, 2015  Hobbyist Photographer
is there anyway to make my  imgae seem bigger in the custom box
Reply
:iconsuperjustinbros:
Superjustinbros Featured By Owner Jul 11, 2015  Hobbyist Digital Artist
I like this.
Reply
:iconisobel-theroux:
Isobel-Theroux Featured By Owner Jul 9, 2015  Hobbyist Digital Artist
So helpful, thank you so much :hug:
Reply
:iconxmintbearx:
xmintbearx Featured By Owner Jun 28, 2015  Student Traditional Artist
This is really helpful!! Thank you!
Reply
:iconinderfinity:
Inderfinity Featured By Owner Jun 20, 2015  Student Digital Artist
How do you make boxes around the text?
Reply
:iconmizzneon:
MizzNeon Featured By Owner Jun 25, 2015  Hobbyist Traditional Artist
Reply
:iconinderfinity:
Inderfinity Featured By Owner Jun 26, 2015  Student Digital Artist
Oh thanks! ^^
Reply
:iconmizzneon:
MizzNeon Featured By Owner Jun 26, 2015  Hobbyist Traditional Artist
Pleasure :)
If you want to see a demonstration of that tutorial I just sent you, check out my page ^^ 
Enjoy :heart:
Reply
:iconinderfinity:
Inderfinity Featured By Owner Jun 26, 2015  Student Digital Artist
Alright! :D
Reply
:iconellinoir:
Ellinoir Featured By Owner Jun 10, 2015  New Deviant Hobbyist Digital Artist
when you put in the codes for the images, do you have to include the "?
Reply
:iconmizzneon:
MizzNeon Featured By Owner Jun 25, 2015  Hobbyist Traditional Artist
Yes uwu
Reply
:icongrimlynxe:
GrimLynxe Featured By Owner Jun 9, 2015  Hobbyist Digital Artist
does the member widgets stay after membership has ended?
Reply
:icontrashoakiey:
trashoakIey Featured By Owner Jun 14, 2015
they dont sadly uvu
Reply
:iconrachelthefemalewolf:
RachelTheFemaleWolf Featured By Owner Jun 8, 2015  Hobbyist Traditional Artist

<img src="BACKGROUND IMAGE URL">



YOUR CONTENT





do i put this in my custom box?
Reply
:iconviviblithie:
ViviBlithie Featured By Owner Edited Jun 6, 2015  Hobbyist Traditional Artist
How do you change the color of the text?
Reply
:iconmizzneon:
MizzNeon Featured By Owner Jun 25, 2015  Hobbyist Traditional Artist
Reply
:iconryuuovo:
RyuuOvO Featured By Owner Jun 1, 2015  Hobbyist Digital Artist
It worked like a charm *_* thankchuuuuuuuuuu
Reply
:iconwolfwizkid:
WolfWizKid Featured By Owner May 25, 2015   Digital Artist
i did what you told me and it works!! BUT it's really small! look at my page an you will know what i mean!
Reply
:iconjeelynasaurus:
Jeelynasaurus Featured By Owner May 19, 2015  Hobbyist Writer
I followed the directions to a tee for adding a custom box background but it only shows a little. Why does it not show the whole background? 
Reply
:iconsapphireskies24:
SapphireSkies24 Featured By Owner May 1, 2015  Hobbyist Digital Artist
Thanks!
Reply
:iconalyrine:
Alyrine Featured By Owner Apr 15, 2015  Student Digital Artist
The background on my custom box stays white. How do I add a custom background and then text over it centralized?
Reply
:iconcab1son:
Cab1Son Featured By Owner Jun 11, 2015  Hobbyist Digital Artist
I had the same problem!
The way I figured it out was by downloading the picture and copy-and-pasting the link I got from that downloaded site/thing
Reply
:iconghostbears:
GhostBears Featured By Owner Apr 14, 2015  Student Digital Artist
this is bullcrap,nothing pops up at all.
Reply
:iconxxfizzfacexx:
xXFizzFaceXx Featured By Owner Apr 11, 2015
AHHHH THANK YOU SSSOOOOO MUCH!!!! This was a HUGE help!!!
Reply
:iconkyoukamouchan:
KyoukaMouchan Featured By Owner Apr 11, 2015  Hobbyist Digital Artist
Thank you ^^ but i have a problem, why is my custom page small size? XD
how to put the code !
Reply
:icondaisy-kitty:
Daisy-kitty Featured By Owner Apr 8, 2015
ssssspt
how do you do it on ipad
i dont have a computer
Reply
:iconxxtuff-pegasisterxx:
xXTuff-PegasisterXx Featured By Owner Apr 7, 2015  Hobbyist Digital Artist
OMG! Thank you so much! Now my Rainbow Dash custom box can look pretty! ^^
Reply
:iconbloodmoontemple:
BloodMoonTemple Featured By Owner Apr 7, 2015  Hobbyist Digital Artist
Hmmmm..
i'm confused on centering the text

could anyone help?
Reply
:icontretais:
tretais Featured By Owner Apr 8, 2015
< div align = " center " > words < / div > without any of the spaces c;
Reply
:iconbloodmoontemple:
BloodMoonTemple Featured By Owner Apr 8, 2015  Hobbyist Digital Artist
thank cchu <3
Reply
:iconkiyuiki:
Kiyuiki Featured By Owner Mar 25, 2015  Hobbyist Traditional Artist
I don't get how you add backgrounds...It wont work ;-;
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Mar 30, 2015  Hobbyist Digital Artist
you need the url ;w;
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
Where's the URL?!
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
right click on the picture and click copy URL
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
I already know how to do it :D
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
ok ;D
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
BUMPER CARS!
Reply
:iconkiyuiki:
Kiyuiki Featured By Owner Mar 30, 2015  Hobbyist Traditional Artist
;u ;
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Mar 30, 2015  Hobbyist Digital Artist
;u;;;;
Reply
Add a Comment:
 
×
Download PNG 704 × 6010




Details

Submitted on
August 25, 2011
Image Size
1.2 MB
Resolution
704×6010
Link
Thumb
Embed

Stats

Views
180,845 (46 today)
Favourites
11,806 (who?)
Comments
1,397
Downloads
1,431
×