Jump to content

Recommended Posts

Posted

hi peoples out there! :)

 

i ve just loaded up a new theme to my pages and i cant get the logo in the correct position and get the sidebar menu font to get over to the left and not over take the border.

 

im super new at this......can anyone help?

 

My link

 

 

 

heres what the page says

 

 

 

/*

Theme Name:

Theme URI:

Description:

Version: 1.0

Author:

Author URI:

 

*/

 

body{

background-color:#FFFFFF;

}

body, p, td, div, form, input, textarea, h1, h2, h3{

margin:0px;

padding:0px;

text-align:justify;

vertical-align:top;

color:#454646;

font-size:12px;

font-family:Verdana, tahoma, arial;

}

a img{

border:none;

}

ul, ol, li{

margin:0px;

padding:0px;

list-style:none;

}

#page{

width:764px;

margin:0px auto;

background:url(images/page_bg.gif) repeat-y left top;

}

#header{

height:331px;

border-bottom:#14457B solid 2px;

background:#FFFFFF url(images/header_bg.jpg) no-repeat 262px 117px;

}

.logo{

float:left;

margin:27px 0px 0px 31px;

}

#top_menu{

float:right;

padding:60px 7px 0px 0px;

}

#top_menu a{

color:#1B5288;

font-size:12px;

font-family:Arial, tahoma, verdana;

font-weight:bold;

text-decoration:none;

padding:0px 0px 0px 8px;

margin:0px 20px 0px 0px;

background:url(images/marker1.gif) no-repeat left 4px;

}

#top_menu a:hover{

text-decoration:underline;

}

#menu{

width:261px;

height:213px;

margin:32px 0px 0px 0px;

background:url(images/menu_bg.jpg) no-repeat;

}

#menu h2{

width:0px;

overflow:hidden;

}

#menu li ul{

padding:6px 0px 0px 23px;

}

#menu a{

color:#043972;

text-decoration:none;

text-transform:uppercase;

font-size:14px;

font-family:Arial, tahoma, verdana;

font-weight:bold;

line-height:35px;

}

#menu a:hover{

text-decoration:underline;

}

#sidebar{

float:left;

width:261px;

}

#sidebar h2, #content h2{

height:21px;

padding:5px 0px 0px 23px;

background-color:#00407D;

color:#FEFCFA;

font-size:14px;

font-family:Arial, tahoma, verdana;

text-transform:uppercase;

margin:0px 0px 0px 0px;

}

#sidebar li ul{

padding:0px 0px 20px 22px;

line-height:20px;

}

#sidebar li ul li{

color:#E87500;

font-weight:none;

padding:0px 0px 0px 20px;

background:url(images/marker2.gif) no-repeat left center;

}

#sidebar li ul li a{

color:#E87500;

text-decoration:none;

}

#sidebar ul a:hover{

text-decoration:underline;

}

#sidebar p{

padding:0px 20px 12px 20px;

}

#sidebar p a{

color:#E87500;

}

#sidebar form{

padding:12px 20px 0px 20px;

height:30px;

}

#s{

float:left;

width:150px;

height:16px;

padding:2px 0px 0px 4px;

border:#66A6D2 solid 1px;

}

#searchsubmit{

float:right;

height:20px;

text-align:center;

border:#66A6D2 solid 1px;

background:none;

}

#content{

float:right;

width:501px;

}

#content h2{

clear:both;

background-color:#E97600;

}

#content h2 a{

color:#060606;

text-decoration:none;

}

#content h2 a:hover{

color:#FFFFFF;

}

.entry{

padding:0px 22px;

}

.entry img{

float:left;

margin:0px 18px 10px 0px;

}

.entry p{

margin:0px 0px 10px 0px;

}

.entry strong{

color:#00407D;

}

.entry ul{

float:left;

margin:0px 0px 10px 0px;

}

.entry li{

color:#003771;

line-height:18px;

padding:0px 0px 0px 8px;

background:url(images/marker3.gif) no-repeat left center;

}

.not_found{

padding:0px 24px;

}

.not_found form{

width:220px;

padding:14px 0px 0px 0px;

}

.more-link{

color:#003771;

margin:12px 0px;

text-decoration:underline;

}

.more-link:hover{

text-decoration:none;

}

.postmetadata{

float:right;

height:20px;

padding:0px 22px;

}

.postmetadata a{

color:#00407D;

font-weight:bold;

text-decoration:none;

padding:0px 0px 0px 8px;

background:url(images/marker3.gif) no-repeat left 5px;

}

.postmetadata a:hover{

text-decoration:underline;

}

.commentlist{

clear:left;

margin:0px 22px 20px 22px;

}

.commentmetadata{

height:24px;

}

.comment_author{

float:left;

color:#00407D;

font-size:12px;

font-weight:bold;

}

.comment_date{

float:right;

}

#commentform{

margin:0px 22px 10px 22px;

}

#commentform label{

float:left;

clear:left;

width:60px;

line-height:24px;

}

#author, #email, #url, #comment{

width:380px;

height:16px;

padding:2px 0px 0px 4px;

border:#ACACAC solid 1px;

margin:0px 0px 4px 0px;

}

#comment{

float:right;

overflow:auto;

width:440px;

height:200px;

margin:0px 0px 10px 0px;

}

#submit{

float:right;

clear:both;

cursor:pointer;

border:#ACACAC solid 1px;

background:none;

text-align:center;

}

#footer{

height:20px;

padding:5px 0px 0px 0px;

background-color:#00407D;

color:#8C6739;

}

#footer p{

color:#8C6739;

text-align:center;

}

#footer a{

color:#FFFFFF;

text-decoration:none;

}

#footer a:hover{

text-decoration:underline;

}

.clearer{

height:0px;

overflow:hidden;

clear:both;

}

Posted

What's the correct position for the logo? You should be able to move it around with this CSS:

.logo{
float:left;
margin:27px 0px 0px 31px;

.

 

For the sidebar, add

width: 200px;

to

#sidebar li ul{
padding:0px 0px 20px 22px;
line-height:20px;
width: 200px;
}

Posted

hi thanks for the reply ;)

 

yeah im looking to line it up with the left margin of the sidemenu bar. i forgot to mention that i wanna make the logo larger without changing the page going all crazy out of place ;)

 

and yeah the sidebar edit worked fantastically :)

 

cheers

 

aaron

Posted

If you want a larger logo, create a larger image. You don't want to display a small image in a larger size - it'll likely look bad.

 

This code

.logo{
float:left;
margin:27px 0px 0px 31px;

gives you the top-right-bottom-left margins of the logo. In specifically that order. Just adjust as needed.

 

But get the logo image the size you want first, before you worry about moving it around. Then we can take it from there.

Posted

thanks andrea,

 

i moved it over a bit and i think ill just keep it that size on second thought not to take the attention away from the content ;)

 

 

So do you have any cool widgets you can suggest for my page?

Posted

hi andrea,

 

thanks for the help and made some little tweaks to the design :)

 

i noticed my links at the top are broken and not to sure how to fix them :(

 

i definately would want to put an FAQ page on there for a bit of extra helpful content ;)

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...