Wordpress : How to get titles smaller?+ how to insert post tabes?

N

NiTroviousix

Junior Member
Joined
Jun 18, 2012
Messages
138
Reaction score
5
Hey everybody ..
i need to get titles smaller ..because it is too large especially when the title is long !
and need to know how to insert post tabs inside any topic !
example for both questions in attachments
and really its not a spam,,only for knowledge



in other words ,, how i can also increase the width of page ,,,any one got it when he saw the example?
thanks guys ...
 

Attachments

Advertise on BHW
open style.css and change your h2 tag as your post title is enclosed with h2...

i dint understand about post tabs and as a newbie you should not think about changing width on your own. Hire some freelancer or change the theme according to your need
 
open style.css and change your h2 tag as your post title is enclosed with h2...
Click to expand...

i tried that but :(
can u explain more?

about post tabs any one help?
 
which theme you are using ??? paid, nulled or free? if free or nulled than give me the link and if paid than ask your provider..
 
like the same theme in the example
dilapidated theme but i can not put links here
u can easily download it
 
thanks but also no change when i change px
u see
/*
Theme Name: Dilapidated
Version: 2.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.
Author: GhostPool Designs
Author URI: http://www.ghostpool.com
*/

* {
outline: none;
}
html {
margin:0;
padding:0;
}
body {
margin: 0;
font-family: Arial;
font-size: 9pt;
font-weight: normal;
color: #808080;
text-align: center;
line-height: 18px;
}
a {
color: #d1d1d1;
text-decoration: none;
}
a:hover {
text-decoration: none;
}


/*************************** General Styling ***************************/

h1, h1 a, h2, h2 a {
text-transform: uppercase;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
line-height: 15px;
text-shadow: #000000 0.1em 0.1em 0.2em;
margin: 0 0 10px 0;
}
h1 {
font-size: 25pt;
}
h2 {
font-size: 10pt;
}
h1 a:hover, h2 a:hover {
color: #808080;
}
h3 {
text-transform: uppercase;
font-size: 18pt;
color: #808080;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
margin: 0 0 10px 0;
line-height: 30px;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
h4, h5, h6 {
text-transform: uppercase;
font-size: 12pt;
color: #808080;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
margin: 0 0 10px 0;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
h5 {
font-size: 10pt;
}
h6 {
font-size: 9pt;
}
ul {
margin: 2px 2px 0 15px;
padding: 0;
list-style: square;
}
li {
padding: 0 0 2px 0;
}
form {
margin: 0; padding: 0;
}
input, textarea, select {
background: #000000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: Arial;
color: #808080;
font-size: 9pt;
border: 1px solid #202020;
padding: 5px;
}
input:focus, textarea:focus {
border: 1px solid #404040;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border: 1px solid #404040;
}
blockquote {
font-style: italic;
margin: 0 0 0 15px;
padding: 0 0 0 5px;
border-left: 4px solid #404040;
}
hr {
margin: 20px 0;
padding: 0;
background-color: #202020;
color: #202020;
width: 100%;
border: 0;
}
table {
padding-bottom: 20px;
}
th {
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
background: #202020;
font-size: 12px;
}
td {
border-top: 1px solid #202020;
padding: 10px 20px;
}
fieldset {
border: 1px solid #202020;
padding: 10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
legend {
text-transform: uppercase;
font-weight: bold;
}

/*************************** Content Areas ***************************/

/* Page Wrap */
#page-wrap {
background: #111111 url('images/page-bg.jpg') repeat-y top center;
width: 980px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}

/* Overall Container */
#overall-container {
float: left;
width: 980px;
position: relative;
padding: 20px 0 20px 0;
}

/* Main Content Column */
#main-content {
float: left;
position: relative;
width: 610px;
overflow: hidden;
}

/* Sidebar */
#sidebar {
float: right;
position: relative;
width: 320px;
}

/*************************** Header ***************************/

#header {
float: left;
position: relative;
width: 980px;
height: 190px;
background: url('images/header.jpg');
z-index: 500;
}

/* Logo */
#logo {
float: left;
position: relative;
top: 50px;
left: 40px;
width: 680px;
height: 100px;
}
#logo img {
border: 0;
}
#text-logo {
float: left;
position: relative;
top: 50px;
left: 40px;
width: 680px;
height: 100px;
line-height: 60pt;
text-transform: uppercase;
font-family: "Arial Bold", Arial;
letter-spacing: -4px;
text-shadow: #000000 0.1em 0.1em 0.2em;
font-size: 60pt;
}
#text-logo a, #text-logo a:hover {
color: #808080;
}

/* Communication */
#communication {
position: relative;
top: 60px;
right: 55px;
float: right;
width: 190px;
height: 66px;
}
#communication img {
border: 0;
margin: 5px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#communication img:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/*************************** Navigation ***************************/

/* Navigation Container */
#nav {
position: relative;
top: 69px;
left: 40px;
float: left;
width: 720px;
}
#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 18pt;
}
#nav ul li {
float:left;
position:relative;
margin-right: 25px;
}
#nav ul li a {
color: #808080;
letter-spacing: -1px;
font-size: 16pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
text-transform: uppercase;
text-shadow: #000000 1px 1px 1px;
}
#nav ul li a:hover {
color: #c0c0c0;
}

/* Drop Down Menus */
#nav ul ul {
position: absolute;
display: none;
width: 14em;
top: 2.5em;
left: 0em;
padding: 5px 0;
background: url(images/nav-bg.jpg) repeat-y;
}
#nav ul li ul li {
background-image: none;
}
#nav ul li ul a{
font-family: "Arial Bold", Arial;
width: 12em;
display: block;
height: auto;
float: left;
line-height: 1em;
padding: 5px 20px;
font-size: 10pt;
}
#nav ul ul ul{
top:auto;
}
#nav ul li ul ul {
z-index: 1;
left:14em;
margin: 0;
}
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul{
display:none;
}
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul{
display:block;
}

/* Navigation Links */
#nav ul .current_page_item a:hover,
#nav ul .current-cat a:hover,
#nav ul .current-menu-item a:hover {
color: #c0c0c0;
text-decoration: none;
}
#nav ul .current_page_item .page_item a,
#nav ul .current-cat .cat-item a,
#nav ul .current-menu-item .menu-item a,
#nav .current_page_ancestor .page_item a,
#nav .current-cat-ancestor .cat-item a,
#nav .current-menu-ancestor .menu-item a {
color: #808080;
}
#nav ul .current_page_item .page_item a:hover,
#nav ul .current-cat .cat-item a:hover,
#nav ul .current-menu-item .menu-item a:hover,
#nav .current_page_ancestor .page_item a:hover,
#nav .current-cat-ancestor .cat-item a:hover,
#nav .current-menu-ancestor .menu-item a:hover {
color: #c0c0c0;
}

/*************************** Slider ***************************/

/* Slider Container */
#slider-container-outer {
overflow: hidden;
float: left;
position: relative;
width: 980px;
height: 356px;
background: url('images/slider.jpg') no-repeat;
}
#slider-container-inner {
overflow: hidden;
float: left;
position: relative;
width: 980px;
height: 336px;
}

/* Slider */
#slider {
float: left;
position: relative;
overflow: hidden;
width: 900px;
height: 262px;
top: 50px;
left: 40px;
}
#slider .contentdiv {
width: 100%;
height: 100%;
display: none;
}
.slider-image {
position: relative;
float: left;
width: 462px;
height: 262px;
overflow: hidden;
margin: 0 20px 0 0;
}
.slider-image img {
width: 462px;
border: 0px;
}
.overlay {
background: url(images/overlay.png) no-repeat;
position: absolute;
width: 464px;
height: 262px;
z-index: 100;
top: 0px;
left: 0px;
}
.overlay a {
display: block;
width: 464px;
height: 262px;
}
.slider-excerpt {
position: relative;
}
.slider-excerpt h1 {
font-size: 25pt;
margin: 0 0 10px 0;
}

/* Next & Prev Links */
#paginate-slider {
float: right;
z-index: 200;
position: relative;
top: 282px;
right: 40px;
}
#next, #prev {
letter-spacing: -1px;
display: block;
float: left;
font-size: 14pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #202020;
padding: 5px 10px 8px 10px;
background: #111111;
}

/* Collapsible Box */
#collapsible-link {
float: right;
position: relative;
top: 69px;
right: 40px;
text-align: right;
width: 200px;
}
#collapsible-link ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 18pt;
}
#collapsible-link .slide-button {
position: relative;
top: -15px;
right: 0px;
float: right;
background: url(images/up-down.gif) no-repeat right top;
width: auto;
height: 21px;
padding: 15px 25px 0 0;
margin: 0;
}
#collapsible-link .slide-button a {
letter-spacing: -1px;
font-size: 16pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
color: #d1d1d1;
text-transform: uppercase;
text-shadow: #000000 0.1em 0.1em 0.2em;
}


/* Shoutbox Plugin */
#shoutbox h3 {
display: none;
}
#sb_messages {
height: 150px;
background: transparent;
padding: 0;
margin: 0 0 5px 0;
}
#input_area {
float: left;
width: 100%;
}
#input_area tr {
float: left;
}
#input_area tr, #input_area td {
border: 0 none;
padding: 0 5px 0 0;
margin: 0;
}
#input_area .info {
float: left;
padding: 6px 10px 0 0;
}
.sb_input {
float: left;
width: 200px;
}
#sb_name {
width: 100px;
}
#sb_website {
width: 125px;
}
#sb_message {
width: 320px;
}
#sb_addmessage {
float: left;
width: 50px;
margin: 2px 0;
cursor: pointer;
}
#sb_showsmiles {
display: none;
}

/*************************** Page/Post Styling ***************************/

/* Posts */
.post {
float: left;
width: 550px;
padding: 20px 20px 20px 40px;
background: url(images/post-bg.jpg) repeat-y;
margin: 0 0 30px 0;
}
.post h2 {
margin: 0 0 10px 0;
}
.post-excerpt {
margin: 0 0 10px 0;
}
.post .image-preview {
float: left;
width: 115px;
height: 115px;
overflow: hidden;
border: 4px solid #000000;
margin: 10px 10px 0 0;
}
.post .image-preview img {
width: 115px;
border: 0px;
}
.post .meta {
color: #4c4c4c;
}
.meta a {
color: #4c4c4c;
}
.meta a:hover {
color: #d1d1d1;
text-decoration: none;
}
.post-extended {
float: left;
background: url(images/post-bg-extended.jpg) repeat-y;
width: 900px;
padding: 20px 40px;
}

/* Two Columns */
.col-left {
float: left;
width: 440px;
padding: 0 10px 0 0;
}
.col-right {
float: right;
width: 440px;
padding: 0 0 0 10px;
}

/* Post Details */
#details {
float: left;
padding: 30px 0 0 0;
width: 100%;
}
#details .avatar {
float: left;
margin-right: 10px;
width: auto;
}
#details .info {
float: left;
width: 350px;
}
#social-links {
float: right;
width: 100px;
text-align: right;
}
#social-links img {
border: 0px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#social-links img:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

/* Lightbox */
.pp_pic_holder {
border: 1px solid #202020 !important;
}

/*************************** Widgets ***************************/

/* General Widgets */
.widget {
position: relative;
float: left;
padding: 20px 40px 20px 20px;
width: 260px;
background: url(images/widget-bg.jpg) repeat-y;
margin: 0 0 30px 0;
overflow: hidden;
}
.widget ul {
list-style: none;
margin: 0;
padding: 10px 0 0 0;
}
.widget li {
margin: 0;
padding: 0 0 10px 0;
}
.widget li a {
text-shadow: #000000 0.1em 0.1em 0.2em;
}
.widget img {
border: 1px solid #404040;
}
.widget img:hover {
border: 1px solid #808080;
}


/* Search Widget */
#searchbar {
float: left;
width : 160px;
height: 17px;
margin: 0;
font-size: 11pt;
}
#searchsubmit {
margin: -5px 0 0 0;
float: left;
background: transparent;
border: 0px;
width: auto;
}

/* Recent Comments */
#recent-comments .avatar {
float: left;
border: 0 none;
width: auto;
margin-right: 6px;
padding-top: 3px;
}
#recent-comments li {
margin: 0;
padding: 0 0 15px 0;
}

/*************************** Comments Page ***************************/

/* User Comments */
.comments {
float: left;
position: relative;
width: 550px;
padding: 20px 20px 20px 40px;
}
#commentlist {
list-style: none;
margin: 0;
padding: 0;
}
#commentlist li ul {
list-style-type: none;
}
.comment-body {
float: left;
width: 557px;
padding: 15px 0 5px 0;
border-bottom: 1px solid #202020;
}
.depth-2 .comment-body {
margin-left: 5px;
width: 537px;
}
.depth-3 .comment-body {
margin-left: 10px;
width: 517px;
}
.depth-4 .comment-body {
margin-left: 15px;
width: 497px !important;
}
.depth-5 .comment-body {
margin-left: 20px;
width: 477px !important;
}
.comment-body .avatar {
float: left;
margin: 0 10px 0 0 ;
width: 45px;
height: 45px;
}
.comment-meta {
float: left;
padding: 3px 0 0 0;
width: auto;
}
.comment-meta a {
color: #404040;
}
.comment-meta a:hover {
color: #808080;
}
.comment-text {
overflow: hidden;
}
.moderation {
color: #cc0000; font-weight: bold;
}
.author, .author a {
color: #c0c0c0;
}

/* Comment Form */
#commentform textarea {
width: 550px;
max-width: 550px;
}
#commentform #submit {
float: right;
background: transparent url('images/submit.gif') no-repeat;
width: 76px;
height: 28px;
border : 0px;
cursor: pointer;
}

/* Comment Subscription */
.subscribe-to-comments {
margin: 0;
padding: 0;
}
#solo-subscribe-email {
border: 1px solid #000000;
background: #202020;
color: #808080;
padding: 5px;
width: 150px;
font-family: Arial;
font-size: 9pt;
height: auto;
}
.solo-subscribe-to-comments input {
width: auto;
}
.solo-subscribe-errors {
margin: 10px 0 10px 0px;
background: #111111;
border: 1px solid #a80000;
padding: 5px;
width: 300px;
}
#single fieldset {
margin: 10px 0 10px 0;
border: 1px solid #000000;
background: #202020;
}
#single legend {
margin: 0;
font-size: 13pt;
font-weight: bold;
}
#single .updated {
text-align: center;
background: #111111;
border: 1px solid #202020;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
}
#single input {
width: auto;
height: auto;
}

/*************************** Footer ***************************/

/* Footer */
#footer {
padding: 25px 40px;
margin: 20px 0 0 0;
width: 900px;
text-align: center;
background: url('images/footer.jpg') repeat-y;
font-weight: bold;
text-transform: uppercase;
}

/* Footer Widgets */
#footer .footer-widget {
text-align: left;
position: relative;
float: left;
width: 270px;
font-size: 9pt;
text-transform: none;
text-shadow: none;
font-weight: normal;
margin-right: 30px;
padding-bottom: 30px;
}
#footer .footer-widget .last {
margin-right: 0;
}
#footer .footer-widget a {
font-size: 9pt;
font-weight: normal;
text-transform: none;
color: #808080;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
#footer .footer-widget a:hover {
color: #c0c0c0;
}
#footer .footer-widget h3, #footer .footer-widget h3 a {
color: #d1d1d1;
font-size: 12pt;
font-weight: normal;
margin: 0;
}
#footer .footer-widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .footer-widget li {
margin: 0;
}

/*************************** Captions & Alignments ***************************/

.aligncenter {
display: block;
margin: 0 auto;
border: 4px solid #000000;
}
.alignleft {
float: left;
margin: 0 10px 5px 0;
border: 4px solid #000000;
}
.alignright {
float: right;
margin: 0 0 5px 10px;
border: 4px solid #000000;
}
.wp-caption {
background: #000000;
border : 1px solid #202020;
text-align : center;
padding-top : 4px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 3px 0 3px 0;
margin: 0;
text-transform: uppercase;
}
.left {
width: auto;
float: left;
}
.right {
width: auto;
float: right;
}
.clear {
clear: both;
}

/*************************** Page Navigation ***************************/

.wp-pagenavi {
padding: 0 0 20px 0 !important;
border: 0px !important;
float: right !important;
width: auto;
}
.page-comments {
padding: 20px 0 0 0 !important;
border: 0px !important;
float: right !important;
width: auto;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .page-numbers {
display: block;
border: 1px solid #202020 !important;
float: left !important;
background: #111111 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
color: #808080 !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
}
.wp-pagenavi a:hover, .page-numbers:hover {
color: #d1d1d1 !important;
border: 1px solid #202020 !important;
text-decoration: none !important;
text-align: center !important;
}
.wp-pagenavi span.current, .page-comments span.current {
color: #d1d1d1 !important;
display: block;
border: 1px solid #202020 !important;
float: left !important;
background: #000000 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
font-weight: normal !important;
}
.post-navi {
float: right;
padding: 20px 0 20px 0 !important;
border: 0px !important;
float: right !important;
width: auto;
margin: 0 0 0 5px !important;
color: #808080 !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
}
.post-navi span {
border: 1px solid #202020 !important;
background: #000000 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
color: #ffffff !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
}
.post-navi a span {
color: #808080 !important;
text-decoration: none !important;
background: #111111 !important;
}
.post-navi a:hover span {
color: #ffffff !important;
text-decoration: none;
}
.post-navi a:hover {
text-decoration: none !important;
}

/*************************** Contact Page ***************************/

#contact {
float: left;
width: 465px;
padding: 0 30px 0 0;
}
#contact .submit {
float: left;
}
.required {
font-size: 13px;
color: #ff0000;
}
#message {
margin: 0 0 20px 0;
padding: 0;
}
.moderation, #contact .error_message {
display: block;
height: 22px;
line-height: 22px;
background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
padding: 3px 10px 3px 35px;
color: #8a1f11;
border: 1px solid #FBC2C4;
}
#contact .loader {
background: url(images/loader.gif) no-repeat right center;
float: left;
padding: 10px 10px;
width: 16px;
height: 16px;
}
#contact #success_page h2 {
padding: 2px 0 0 22px;
background: url(images/success.png) left no-repeat;
}
Click to expand...


show me how to edit it right because i got mad !
 
ok .. you can try changing the font size at two places

1. General Styling
change h2 tag size from 10 pt to lower

2. post/ page style
chnage 10 px to lower
 
tabs like in the post example
how to make like ( desc-screens-info-etc)
i have downloaded more than plugin but the result so baaaaaaaaad :D
 
please can you give me your msn
it will not take 15 min,,better than replaying here
thanks
 
I have never worked with post tabs. But the width should be easily changed.
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top