Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 05 Jul 2014, 20:02
Sinistra's Avatar
Sinistra Sinistra is offline
 
Join Date: Jun 2005
Some help with skinning.

First question. I am workiong on my new vBulletin site and I am having some issue. To tell you the truth this is my first time skinning a vBulletin 4.2 it was quite easy back in the 3.8 days. but there is my issue. I have set the

.doc_margin to 0 but I want to put the white block with all the content centered in the theme but have padding on the left and right. I can't find out where to find this

Also how do you add custom CSS.

Anime Shards
__________________

Last edited by Sinistra; 05 Jul 2014 at 20:15.
Reply With Quote
  #2  
Old 05 Jul 2014, 20:10
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
To center your skin you have to go to the variable editor and do the following:
doc_margin: top 0, right auto, bottom 0, left auto.
doc_maxwidth: set the width of your skin here.

Custom CSS can be added to the additional.css template.
Reply With Quote
  #3  
Old 05 Jul 2014, 20:27
Sinistra's Avatar
Sinistra Sinistra is offline
 
Join Date: Jun 2005
Maybe this will help What I am trying to do is make the header (with the navigation and all that) Fluid but keep the content fixed.
__________________
Reply With Quote
  #4  
Old 05 Jul 2014, 20:36
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
In that case, I'm pretty sure you must define a width.

Something you can do:
.doc_header and .navbar:
width: 1300px;
margin: 0px auto;

Alternatively, you can give .above_body the above properties.
Reply With Quote
  #5  
Old 05 Jul 2014, 20:39
Sinistra's Avatar
Sinistra Sinistra is offline
 
Join Date: Jun 2005
Um the second part of the OP. where would I put Custom CSS
__________________
Reply With Quote
  #6  
Old 05 Jul 2014, 20:41
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
You can do this is the additional.css CSS template.
Reply With Quote
  #7  
Old 07 Jul 2014, 17:02
josh_krz josh_krz is offline
 
Join Date: Feb 2012
Real name: Josh Krzyworaczka
Originally Posted by Lord Katsuhito View Post
Um the second part of the OP. where would I put Custom CSS
I was confused with this also when I started skinning vB4.

The CSS you change is in the templates list under CCS Templates. The additional.css is here too, make sure you change it here and not manually because you will lose your changes after updates and such.



I find the easiest way to skin is to use your browser's Developer Panel (usually F12 or right click) copy the class or html you want to change and search it within the templates.
Attached Images
File Type: png Screen Shot 2014-07-07 at 4.59.16pm.png (33.7 KB, 32 views)
Reply With Quote
  #8  
Old 07 Jul 2014, 17:15
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Aug 2009
Real name: Chris
See this article, http://www.vbulletin.org/forum/showthread.php?t=256370
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #9  
Old 08 Jul 2014, 16:16
Sinistra's Avatar
Sinistra Sinistra is offline
 
Join Date: Jun 2005
How come you can't search for CSS by class or id. Lets take for example. body_wrapper or globalsearch via the search stiylevars
__________________
Reply With Quote
  #10  
Old 08 Jul 2014, 16:20
Zachery's Avatar
Zachery Zachery is offline
 
Join Date: Jul 2002
Real name: Zachery Woods
You can search for it, in the templates, and then find out what stylevar is being used.
__________________
Looking for ImpEx?
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 17:46.

Layout Options | Width: Wide Color: