$3.00 via paypal. Just simple wordpress theme question.

Status
Not open for further replies.

Kickflip

BANNED
Joined
Jan 29, 2010
Messages
2,038
Reaction score
2,489
I just need someone to take a look at a wordpress theme, and let me know if they can see where I can make an edit to make the post column wider. I want to embed an iframe that is like 850px but the column is only 650px so it looks stupid.

If someone could help me out I would appreciate it. I can offer +rep and $3.00 via paypal if you want payment for this little task.
 
PM me the link i will do it . Btw that depends on Themes CSS file . You can easily find it in CSS style sheet file .
 
If you're using Chrome I'd suggest right-clicking on the area you'd like to edit and select "inspect element". At the bottom of your screen you'll see the styles in the rightside column. The you should be able to find where to edit it in you style sheet. You can even double-click the function and edit live on screen to experiment with the sizes. Once you like what you see find those functions in your style sheet (the inspector will tell what the file name and what line of the style sheet its on) add the changes and save.

Hope this helps. If you're using FF you can install Firebug plugin to do the same thing.

Sent from my DROID2 using Tapatalk
 
Thanks for all of the help everyone. I cant find it in any of those (unless I am blind).

Here is a link to the theme. BIG + REP to anyone who can let me know by checking the code.

WARNING: ADULT 18+ THEME! Contains Nudity.

Code:
http://www.mywpthemes.net/hot-chic-adult-wordpress-theme/

Here is the Stylesheet.CSS:

/*
Theme Name: Hot Chic
Theme URI: http://mywpthemes.net
Description: WordPress Theme By mywpthemes.net
Author: Shashya
Author URI: http://mywpthemes.net

*/

html>body #content {
height: auto;
min-height: 580px;
}

body{
font-family: verdana;
font-size: 95%;
line-height: 115%;
background-color: #1A1A1A;
background-image: url(images/bg_flower.gif);
background-repeat: repeat;
background-position: center top;
text-align: center;
}

body,td,th {
color: #FFFFFF;
}



a, a:link {
padding: 1px;
color: #FFFFCC;
text-decoration: underline;
}

a:hover {
color: #FFFFCC;
text-decoration: none;
;
}

h1 {
font-family: georgia;
font-weight: bold;
font-size: 190%;
padding-top: .1em;
padding-bottom: .5em;
}


h2 {
font-family: Arial;
font-weight: bold;
font-size: 150%;
}

h3 {
font-family: georgia;
font-size: 130%;
}


h4 {
font-size: 105%;
}

p {
font-size: 80%;
margin-bottom:1em;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
}

a img {
border: none;
}


#hd{
text-align: center;
padding-top: 24px;
}
#hd h1{
font-size: 290%;
color: #FFFFFF;

}

#hd h1 a{
text-decoration: none;
color: #FFFFFF;
}

h3 a:link, h3 a:hover, h3 a:visited{
color: #F6F7BA;
}

.item {
padding: 10px;
background-color: #333330;
background-image: url(/);
background-repeat: repeat;
text-align:left;
border: 1px solid #1A1A1A;
margin-bottom: 1em;
border: 1pt solid #000000;

}

.item ul {
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}


.item ol{
list-style-type: decimal;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}

.itemhead{
padding-top: 5px;
padding-bottom: 5px;
}


.chronodata {
display: inline;
text-align: right;
margin-left: 2em;
font-size: 80%;
}


.itemhead h3{
display: inline;
}


input{
font-size: 80%;
}

.metadata{
line-height: 190%;
font-size: 75%;
}

.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #FFFFCC;
}

.tags, .catagory {

display: block;

}

.commentlist p {
clear: both;
font-size: 95%;
}


cite{
font-size: 95%;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.commentmetadata {
font-size: 80%;
float: right;

}
.commentlist {
margin-top: 5px;
}
.commentlist li {
padding: 2px;
border-top: 1px solid #1A1A1A;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFCC;
}

.navigation a:link, .navigation a:hover, .navigation a:visited{
color: #FFFFCC;
}

.alignright {
float: right;
}

.alignleft {
float: left
}


#secondary, #third{
background-color: ;
background-image: url(/);
background-repeat: repeat;
text-align:left;
padding: 0px;
border: 1px solid #1A1A1A;
SP_GRADIENT
}

#secondary h4, #third h4{
color: #859E6C;
font-family: Trebuchet MS, arial, sans-serif;
margin-top: 5px;
padding: 3px;

}

#secondary p, #third p{
padding: 3px;
font-size: 70%;
}

#searchform {
clear: both;
margin-bottom: 5px;
margin-left: 2px;
padding: 3px;
}

#third {
margin-left: 9px;
}

#menu {padding:0; border:0px solid #fff }
#menu ul {list-style:none; margin:0; padding:0; font-size:85%; }
#menu ul li { padding:0; margin:0; border-bottom:1px solid #FFFFFF; }
#menu ul li a { display:block; padding:4px 4px 4px 10px; text-decoration:none; color: #FFFFFF; }
#menu ul li a:hover { color:myheadttcolor; background: #0099DD; }


li .categories, li .linkcat, li .pagenav {
list-style: none;
margin: 0px;
padding: 0px;
}

.yui-nav{
margin-bottom: -1px;
}

.yui-navset .yui-nav a:hover {
background-color: #0099DD;
color: #FFFFFF;
}

.yui-navset .yui-nav li a {
background-color: #333330;
background-image: url(/);
background-repeat: repeat;
border-bottom: 0px;
color: #FFFFFF;
padding: .3em .7em .3em .7em;
text-decoration:none;
font-size: 85%;
}



#wp-calendar {
empty-cells: show;
font-size: 90%;
margin: 0;
width: 90%;
padding: 3px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}


#wp-calendar td {
color: #FFFFFF;
font-size: 70%;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}


#wp-calendar #today {
background: ;
color: #0099DD;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#ft {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFCC;
}

#ft a:link, #ft a:hover, #ft a:visited{
color: #FFFFCC;
}
 
Last edited:
Still havent figured this out. The theme is posted in the above post.
 
try on

Code:
html>body #content {
height: auto;
min-height: 580px;
width: 900px; //or however wide you like it to be
 
try on

Code:
html>body #content {
height: auto;
min-height: 580px;
width: 900px; //or however wide you like it to be

Thank you, It didn't work. I tried adding it to a few different spots but no change made.
 
Thank you, It didn't work. I tried adding it to a few different spots but no change made.

if you using google chrome right click inspect element and just go down the source code till the content area(or the area you want widing) is highlighted then look to the right and see the css attributes for that and locate it and change it according, should due the trick some theme are complex for no reason .... let me know how that works for ya
 
this is the css you should be editing

Code:
www.yoursite.com/wp-content/themes/Hot%20Chic/reset-fonts-grids-tabs.css
 
Had a quick look, changing

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
margin: auto;
min-width: 850px; /* Changing this value */
text-align: left;
width: 57.69em; /* or this value should sort it out*/
}

in the file reset-fonts-grids-tabs.css should get you started then its just a matter of messing about with the values until its where you want it.

Hope this helps
 
Had a quick look, changing

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
margin: auto;
min-width: 850px; /* Changing this value */
text-align: left;
width: 57.69em; /* or this value should sort it out*/
}

in the file reset-fonts-grids-tabs.css should get you started then its just a matter of messing about with the values until its where you want it.

Hope this helps

BIG thanks and +rep, that worked great! Got it all fixed up.
 
Status
Not open for further replies.
This thread has been auto closed due to the forum's thread age policy. Read more.
Back
Top