Shop Mobile More Submit  Join Login
CustomBox Wide Content tutorial by CypherVisor CustomBox Wide Content tutorial by CypherVisor

Exclusively for Premium members and Super groups only


How to use ?


Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.



IMPORTANT NOTE!!!!


You need to install the donation pool widget in your profile for this code to work properly.





SOURCE CODE:


500px width code:
<div class="modal-dialog"></div>

592px width code:
<div class="join-modal"><div class="secure"></div></div>






Credits:


Code
The 592px width code was first found by SimplySilent here:
Wide Widgets! by SimplySilent

Background Image
The background image used in this tutorial was from yokuns and can be found here:
Custom Box Background 2 by yokuns



Want to customize your profile page?


Check all my free resources + tutorials: [LINK]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.

Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconalinawinter:
AlinaWinter Featured By Owner Apr 21, 2017  Hobbyist General Artist
It doesn't work  ;;w;;
Reply
:iconskykristal:
SkyKristal Featured By Owner Apr 13, 2017  Hobbyist General Artist
this always dont work for me ;-; nothing happens ..
Reply
:iconthecrimsonemo:
TheCrimsonEmo Featured By Owner Apr 15, 2017
I had the same issue, I'm guessing this code might be out of date.
This one worked for me however.
[Custom box code] Wide content by Daemon-Illusionum
Reply
:iconskykristal:
SkyKristal Featured By Owner Apr 18, 2017  Hobbyist General Artist
ah yep. I thought the same ;~; and thanks , I´ll try this out ^w^
Reply
:iconalpaca-galaxy:
Alpaca-Galaxy Featured By Owner Mar 4, 2017  Hobbyist Digital Artist
Do you know how to put a white box then right next to it not in the box a picture?
Reply
:iconbelluabug:
BelluaBug Featured By Owner Feb 18, 2017  Hobbyist Digital Artist
Hi! Is there any way to make the custom box smaller in width? 
Reply
:iconalexisreitcher:
AlexisReitcher Featured By Owner Edited Dec 23, 2016  Hobbyist General Artist
I tried it and it works, but all the text is sightly on the right side even if I've putted <d.iv align="center">
Reply
:iconandrosanity:
Androsanity Featured By Owner Feb 3, 2017  Hobbyist Digital Artist
Same problem. :C
Reply
:iconinkuii:
Inkuii Featured By Owner Nov 19, 2016  Hobbyist General Artist
Uhh I have a problem using the first code, which suited my needs perfectly...that is, until I clicked save, and found the result that is currently displayed on my page. A big blotch of dA green where it shouldn't be. Can someone please help me resolve this issue?
Reply
:iconpicpix:
PicPix Featured By Owner Edited Dec 17, 2016
I had the same issue so I put the code before the widget background code and voila! :)
However, as dA coding has become very strange, it seems that the content cannot be centered at this time. :(
Reply
:iconinkuii:
Inkuii Featured By Owner Dec 18, 2016  Hobbyist General Artist
Well, that sucks. Either way, thank you for the help!
Reply
:iconpicpix:
PicPix Featured By Owner Dec 18, 2016
Not a problem! :D
Reply
:iconjuuelle:
Juuelle Featured By Owner Dec 3, 2016  Student Digital Artist
experiencing the same thing..
Reply
:iconniklovenak:
niklovenak Featured By Owner Oct 11, 2016  Hobbyist General Artist
i want to use this, but i need help with the image assests etc
help?
Reply
:iconemeraldkamala:
EmeraldKamala Featured By Owner Aug 30, 2016  Student Digital Artist
Can you help me out? I dont know what im doing wrong :[ 

I pasted this way at the top but it just shifts the entire column to the right. 
Ive tried using the center code on it and its not doing it for me :c
Reply
:iconspottedleaf1129:
spottedleaf1129 Featured By Owner Jun 23, 2016
i need help how do you get the white text box to go in the background im having trouble trying to decorate my group page
Reply
:iconauroharu:
auroharu Featured By Owner Dec 30, 2016  Student Digital Artist
<*div class="cctextarea" ><*div class="pp" align="center"> PUT CONTENT HERE <*/div><*/div>

Remove the *'s
Reply
:iconpreshfinn:
preshfinn Featured By Owner Jun 11, 2016
Wide Custom Box Code {READ DESCRIPTION FOR CODE} by preshfinn
¯\_(ツ)_/¯
Reply
:icondareckless:
DaReckless Featured By Owner Jun 23, 2016  Hobbyist General Artist
Thank you.~
Reply
:iconecfor:
Ecfor Featured By Owner Edited Mar 29, 2016  Hobbyist Digital Artist
Thank you for sharing this, however, the code must be pasted at the start of a custom-box if used on profile pages, not to mention this code pushes everything to the right. align="center" does not work.
Reply
:iconravenshiddensoul:
RavensHiddenSoul Featured By Owner Mar 8, 2016
Hello, Cyph! (Your resources are fantastic, I've been browsing them all week.)

Is there any chance you have a code for less wide custom boxes? For example, can the entire widget be made to only span 300 pixels? Can you use the "width=[x]" property on a custom widget, or is it all dependent on the widget's presets, and the only option is to edit the content boxes?
Reply
:iconmikey186:
Mikey186 Featured By Owner Jan 16, 2016  Hobbyist General Artist
I don't think this will work, but I FOUND ANOTHER solution! Look from what another user has done

[Custom box code] Wide content by Daemon-Illusionum

though the image is not right, BUT it's another solution to wide the content
Reply
:iconlies-of-benevolence:
Lies-of-Benevolence Featured By Owner Feb 16, 2017  Student Digital Artist
who is that user?
Reply
:iconmikey186:
Mikey186 Featured By Owner Feb 16, 2017  Hobbyist General Artist
Click on image
Reply
:iconpipanama:
PiPanama Featured By Owner Jan 16, 2016  Hobbyist Digital Artist
It doesn't work, it moves everything to the right. :/
Reply
:iconmikey186:
Mikey186 Featured By Owner Jan 16, 2016  Hobbyist General Artist
EDIT: look at this! [Custom box code] Wide content by Daemon-Illusionum
Reply
:iconmikey186:
Mikey186 Featured By Owner Edited Jan 16, 2016  Hobbyist General Artist
I got the same problem! I tried posting on forums but fools got all lost and confused posting the wrong way. Thought I was 'widening' the widget. 

Apparently as I know it, dA is FLAWED
Reply
:iconnychata:
Nychata Featured By Owner Nov 9, 2015
This does still work (because I'v seen a few people say it didn't)
You have to paste the code at the very beginning of your code and you have to leave out the </div> parts!
Reply
:iconthe-timerunner:
The-TimeRunner Featured By Owner Sep 12, 2016  Hobbyist General Artist
((You are a super star, thank you so much :la:))
Reply
:iconmizuki--senpai:
Mizuki--Senpai Featured By Owner Jul 9, 2016  Hobbyist General Artist
Thank you so much! :D
Reply
:iconnychata:
Nychata Featured By Owner Edited Feb 19, 2016
I am aware that the content box gets shifted to the right by this, but I can't find a solution for it as it is now.
Sorry.
Reply
:iconthe-timerunner:
The-TimeRunner Featured By Owner Sep 12, 2016  Hobbyist General Artist
((Well I couldn't really fix it, but I put the first code in front of it and it shifted it a bit and made it smaller ^^; Not sure if that helps, but it does make it less to the right, if anything :D))
Reply
:icontexasthorn:
TexasThorn Featured By Owner Feb 16, 2016  Hobbyist General Artist
Thanks so much for the help!
Reply
:iconry0on:
RY0on Featured By Owner Dec 2, 2015  Student Digital Artist
It still on the right :I do you know how to fix it and I tired what you said:)
Reply
:iconnychata:
Nychata Featured By Owner Dec 3, 2015
No I don't know how, I only found out how to make it larger.
Reply
:iconglitcher:
glitcher Featured By Owner Feb 18, 2016  Professional Digital Artist
I'm having the same problem. Pasting the code at the beginning makes the content larger, but also shifts it to the right. Did you find a solution?
Reply
:iconnychata:
Nychata Featured By Owner Feb 19, 2016
no sorry.
i tried to find one but doesn't seem it's possible.
Reply
:iconry0on:
RY0on Featured By Owner Dec 3, 2015  Student Digital Artist
Ahhh okieee^.^
Reply
:iconthyroxin-e:
Thyroxin-e Featured By Owner Nov 29, 2015
HOOOOLY SHIT THANK YOU.
Reply
:iconangeiical:
angeIical Featured By Owner Nov 7, 2015
For wide boxes, please use this code 
Reply
:iconmssilvs:
Mssilvs Featured By Owner Oct 5, 2015
It's not working for me :/
Reply
:iconstarimo:
Starimo Featured By Owner Sep 4, 2015  Professional General Artist
How do you put a box within a box?
Reply
:iconhippie30199:
Hippie30199 Featured By Owner Aug 8, 2015  Student
For everyone trying to work this out, this doesn't work anymore. There is nothing wrong with the code, DA has stopped it from working.
Reply
:iconhoiiythecat:
HoIIyTheCat Featured By Owner Nov 1, 2015  Hobbyist Digital Artist
So... Where's the new working one...?
Reply
:iconhippie30199:
Hippie30199 Featured By Owner Nov 1, 2015  Student
There isn't one yet, I think...
Reply
:iconhoiiythecat:
HoIIyTheCat Featured By Owner Nov 1, 2015  Hobbyist Digital Artist
No................. T-T
Reply
:iconluroar:
LuROAR Featured By Owner Aug 22, 2015  Hobbyist Writer
Aha, thanks. ^^;
Reply
:iconladybeelze:
LadyBeelze Featured By Owner Jul 31, 2015  Hobbyist Digital Artist
didn't work :'c
Reply
:iconm-k-1:
M-K-1 Featured By Owner Jul 28, 2015  Hobbyist General Artist
It doesn't seem to be working for me ^^'' I'm trying to put it in my Custom Box^^'
Reply
:iconcrownedfloaa:
CrownedFloaa Featured By Owner Jul 20, 2015
Why can't deviantART be simple
Reply
Add a Comment:
 
×





Details

Submitted on
March 16, 2014
Image Size
442 KB
Resolution
800×1766
Link
Thumb
Embed

Stats

Views
43,614 (26 today)
Favourites
1,689 (who?)
Comments
251

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×