Home Page Main Menu Above rest of Page

More
13 years 6 months ago #8313 by russellmoran
my site www.WTreF.com is looking so much better, but the main page has a problem. It seems to ONLY be on the main page. There left hand "Main Menu" is above the "Inset" and "Right Menu". Any ideas to fix? Thanks Ivan

Please Log in to join the conversation.

More
13 years 6 months ago #8325 by ivan.milic
Hi you can put left menu more to the down.

.column_left{
padding-top: 34px;
}

add that at the bottom of template_css.css

Please Log in to join the conversation.

More
13 years 6 months ago #8336 by russellmoran
/*
# HOT Sportal - August, 2010
# Copyright (C) 2010 Hot Joomla Templates. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: Hot Joomla Templates
# Website: www.hotjoomlatemplates.com
*/

@font-face {
font-family: 'SansationRegular';
src: url('sansation_regular-webfont.eot');
src: url('sansation_regular-webfont.eot?iefix') format('eot'),
url('sansation_regular-webfont.woff') format('woff'),
url('sansation_regular-webfont.ttf') format('truetype'),
url('sansation_regular-webfont.svg#webfontNhEUdZcB') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SansationBold';
src: url('sansation_bold-webfont.eot');
src: url('sansation_bold-webfont.eot?iefix') format('eot'),
url('sansation_bold-webfont.woff') format('woff'),
url('sansation_bold-webfont.ttf') format('truetype'),
url('sansation_bold-webfont.svg#webfontFqQEOrhS') format('svg');
font-weight: normal;
font-style: normal;
}

/* basics */
a:link,a:visited {
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

a.readon:link,a.readon:visited,
a.readmore:link,a.readmore:visited {
display:block;
text-decoration:none;
text-align:right;
font-weight:bold;
}

a.readon:hover,
a.readmore:hover {
text-decoration:none;
}

.readmore {
text-align:right;
}

.readmore a:link, .readmore a:visited {
font-weight:bold;
text-decoration:none;
}

img.home {
margin:0 10px 10px 0;
float:left;
}

img.home_right {
margin:0 0 10px 10px;
float:right;
}

img.interviews {
margin-right:6px;
float:left;
}

p {
margin:0 0 7px 0;
}

.content_wrap p {
margin:0 0 12px 0;
}

img {
border:0;
}

fieldset {
border:0;
}

h1 {
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
font-size:32px;
font-weight:normal;
text-align:left;
margin:0 0 5px;
}

.content_wrap h1 {
padding:0 3px;
}

h2 {
font-size:22px;
font-weight:normal;
text-align:left;
padding:3px 0 12px 0;
margin:0;
text-decoration:none;
}

ul.actions {
margin:0 !important;
padding:0 !important;
}

ul.actions li {
margin:0 !important;
padding:0 !important;
list-style:none;
float:right;
width:25px;
position:relative;
top:-25px;
}

.details-category {
width:50%;
float:left;
}

.details-category a:link, .details-category a:visited {
text-decoration:none;
}

.details-category a:hover {
text-decoration:underline;
}

.details-date {
width:50%;
float:right;
text-align:right;
}

.details-author {
font-size:85%;
font-style:italic;
padding-bottom:5px;
}

/* multi-column layout */

.cols-2 div.item {
width:48%;
float:left;
margin:0 2% 0 0;
}

.cols-3 div.item {
width:31%;
float:left;
margin:0 2% 0 0;
}

.cols-4 div.item {
width:23%;
float:left;
margin:0 2% 0 0;
}

/* category list layout */

.category {
width:100%;
}

.category th {
color:#eee;
font-weight:700;
padding:5px;
text-align:left;
border-bottom:1px dotted #cccccc;
}

.cat-list-row0 td {
padding:5px;
text-align:left;
}

.cat-list-row1 td {
padding:5px;
text-align:left;
background:#f3f3f3;
}

.category .list-title {
width:50%;
}

.category .list-date {
width:20%;
}

.category .list-author {
width:20%;
}

.category .list-hits {
width:10%;
}

.category td.hits {
text-align:center;
}

/* contacts category layout */

.category .item-title {
width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
text-decoration:underline;
}

.category .item-position {
width:20%;
}

.category .item-phone {
width:20%;
color:#333;
}

.category .item-suburb {
width:20%;
}

.category .item-state {
width:20%;
}

/* contact form */

div.pane-slider {
background:none;
color:#333;
}

.jicons-icons img {
float:left;
}

.jicons-icons img {
float:left;
margin-right:10px;
}

address span.contact-street {
padding:0 8px 0 0;
display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
padding:0 8px 0 25px;
display:block;
}

.contact-email label {
display:block;
float:left;
width:100px;
}

.contact-email .inputbox {
margin-bottom:10px;
}

.contact-email .button {
margin-top:30px;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
background:#222;
padding:5px 20px;
}

.pane-toggler-down a, .pane-toggler a {
color:#fff !important;
}

.pane-sliders .content {
padding:0 20px;
}

.small {
font-size:10px;
color:#999;
text-decoration:none;
}

.counter {
text-align:right;
}

.pagination ul {
margin:0 0 10px 0 !important;
padding:0 !important;
float:right
}

.pagination li {
list-style:none;
float:left;
}

span.pagenav {
background:#cecece;
color:#fff;
padding:4px 12px;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

a.pagenav {
color:#fff !important;
padding:4px 12px;
text-decoration:none;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.inputbox {
border:0;
background:url(../images/button_bg.png) repeat-x;
font-size:11px;
color:#000;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

textarea.inputbox {
background:#ccc;
}

.search .inputbox {
background:url(../images/search_bg.png) no-repeat;
-moz-border-radius:0px;
-webkit-border-radius:0px;
color:#fff;
padding:6px;
}

.button {
background:url(../images/button_bg.png) repeat-x;
color:#c10000;
border:none;
padding:3px 10px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

table.searchinto {
width:100%;
}

form {
margin:0;
padding:0;
}

.article_column {
padding:0;
}

.article_separator {
height:1px;
border-bottom:1px dotted #8e8e8e;
display:block;
}

.item-separator {
clear:both;
border-bottom:1px dotted #333;
margin-bottom:10px;
}

/* lists */

ol {
margin-left:20px;
padding-left:7px;
}

ol li {
padding-left:0;
padding-top:0;
padding-bottom:5px;
}

li ol {
padding-top:5px;
}

.content_wrap ul {
margin:0 0 0 25px;
padding:0;
}

.content_wrap ul li {
padding-left:5px;
padding-top:0;
padding-bottom:5px;
}

.content_wrap li ul {
padding-top:5px;
}

.content_wrap li ul li {
background:none;
list-style-type:circle;
margin-left:20px;
padding-left:0;
}

ul.checklist li {
background:url(../images/icon_checklist.png) no-repeat;
padding-left:22px;
margin-bottom:5px;
list-style:none;
}

ul.arrow li {
background:url(../images/icon_arrow.png) no-repeat;
padding-left:22px;
margin-bottom:5px;
padding-top:1px;
list-style:none;
}

ul.star li {
background:url(../images/icon_star.png) no-repeat;
padding-left:22px;
margin-bottom:5px;
list-style:none;
}

/* menu */

.column_right ul.menu,
.column_left ul.menu,
ul.newsfeed {
margin:0;
padding:0;
}

.column_right ul.menu li,
.column_left ul.menu li,
ul.newsfeed li.newsfeed-item {
margin:0;
list-style:none;
padding:0px;
border-bottom:1px dotted #8e8e8e;
}

ul.newsfeed li.newsfeed-item h4 {
margin:0;
padding:0;
}

.column_right ul.menu li:hover,.column_left ul.menu li:hover {
}

.column_right ul.menu li a:link,.column_right ul.menu li a:visited,
.column_left ul.menu li a:link,.column_left ul.menu li a:visited,
ul.newsfeed li a:link, ul.newsfeed li a:visited {
text-decoration:none;
display:block;
padding:3px 0;
font-weight:normal;
}

.column_right ul.menu li ul,.column_left ul.menu li ul {
margin:0;
padding:0;
display:block;
}

.column_right ul.menu li ul li,.column_left ul.menu li ul li,
.column_right ul.menu li ul li:hover,.column_left ul.menu li ul li:hover {
margin:0;
padding:0 15px;
background:none;
}

.column_right li.active a:link,.column_right li.active a:visited,.column_left li.active a:link,.column_left li.active a:visited {
padding:7px;
}

.column_right ul.menu li ul li.current a:link,.column_right ul.menu li ul li.current a:visited,.column_left ul.menu li ul li.current a:link,.column_left ul.menu li ul li.current a:visited {
color:#e4e37c;
background:none;
padding:7px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
}

.column_right ul.menu li ul li a:link,.column_right ul.menu li ul li a:visited,.column_right ul.menu li.current ul li a:link,.column_right ul.menu li.current ul li a:visited,.column_left ul.menu li ul li a:link,.column_left ul.menu li ul li a:visited,.column_left ul.menu li.current ul li a:link,.column_left ul.menu li.current ul li a:visited {
color:#ccc;
background:none;
padding:7px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
}

.header_menu a {
text-decoration:none;
}

.footer ul.menu {
margin:0;
padding:0;
}

.footer ul.menu li {
list-style:none;
float:left;
}

.footer ul.menu li a:link,.footer ul.menu li a:visited {
color:#fff;
text-decoration:none;
display:block;
padding:0 15px 7px 0;
font-weight:normal;
}

.footer ul.menu li a:hover {
color:#fff;
text-decoration:underline;
}

.footer2 a:link,.footer2 a:visited {
color:#fff;
}

.upper ul.menu,
.bottom ul.menu {
margin:0;
padding:0;
}

.upper ul.menu li,
.bottom ul.menu li {
margin:0;
padding:0;
list-style:none;
}

.upper ul.menu li span,
.bottom ul.menu li span {
height:64px;
display:block;
line-height:16px;
}

.upper ul.menu li img,
.bottom ul.menu li img {
clear:both;
padding-right:10px;
}

.bottom ul.menu li a:link,.bottom ul.menu li a:visited,
.upper ul.menu li a:link,.upper ul.menu li a:visited {
text-decoration:none;
display:block;
padding:7px;
color:#6D6D6D;
}

.bottom ul.menu li a:hover,
.upper ul.menu li a:hover {
text-decoration:underline;
}

.user2 .moduletable {
padding-bottom:6px !important;
}

.header_menu ul {
margin:0;
padding:0;
}

.header_menu li {
float:right;
list-style:none;
margin:0 0 0 10px;
padding:0;
}

/* top menu */

#nav,#nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:100;
width: 1158px;
}

#nav ul {
display:none;
}

#nav li.active a {
color:#fff;
}

#nav li.active ul a {
background:none;
}

#nav > li.active {
border:none;
color:#fff;
background:url(../images/topmenu_active_bg.png) repeat-x bottom;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
margin:4px 0 0 0;
padding-bottom:10px;
padding-top:7px;
border-radius: 6px 6px 0 0;
position:relative;
}

#nav a {
display:block;
text-decoration:none;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
}

#nav li:hover ul li a, #nav li ul li a {
padding:1px 8px;
margin:5px 0;
border:none;
text-transform:none;
}

#nav > li {
float:left;
position:relative;
border-right:2px dotted #b5b5b5;
padding:3px 20px 10px 18px;
margin:8px 0 0 0;
}

#nav li ul a:hover {
color:#fff;
}

#nav li ul li,#nav li ul li ul {
margin:0;
padding:0;
float:left;
cursor:pointer;
}

#nav li ul a {
line-height:normal;
}

#nav li ul ul {
display:none;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
left:-9999px;
}

#nav li:hover ul, #nav li ul {
width:400px;
background: url(../images/topmenu_sub_bg2.png) no-repeat;
}

#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
display:none;
}

#nav ul li a {
font-size:13px;
color:#fff;
font-weight:normal;
text-transform:none;
}

#nav li ul a:hover {
color:#fff;
}

#nav ul ul {
top:0;
z-index:200;
display:none;
}

#nav ul.menu li ul li.current a:link, #nav ul.menu li ul li.current a:visited {
font-size:13px;
}

#nav2, #nav2 ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:100;
}

#nav2 ul {
display:none;
}

#nav2 a {
display:block;
padding:5px;
margin:6px 0;
text-decoration:none;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
text-transform:uppercase;
}

#nav2 > li a:hover {
padding:5px;
color:#000 !important;
}

#nav2 > li.active a:hover {
padding:5px;
}

#nav2 > li.active a {
border:1px solid #000;
margin:5px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#ccc;
border-radius: 5px;
position:relative;
}

#nav2 li:hover ul li a {
color:#fff;
}

#nav2 li:hover ul a {
background:none;
padding:5px;
margin:5px 0;
}

#nav2 li:hover ul li a:hover {
color:#000;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
position:relative;
padding:5px;
background:#fff;
}

#nav2 li.current ul li a, #nav2 li.active ul li a {
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
position:relative;
}

#nav2 li:hover ul {
background:#000;
color:#fff;
margin-top:4px;
}

#nav2 li {
float:left;
position:relative;
margin:0 5px;
}

#nav2 li ul a:hover {
color:#fff;
}
#nav2 li ul li, #nav2 li ul li ul {
margin:0;
padding:0;
float:none;
cursor:pointer;
}

#nav2 li ul a {
width:166px;
line-height:normal;
padding:7px;
}

#nav2 li ul ul {
left:180px;
margin:0;
}

#nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul {
display:none;
}

#nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul {
display:block;
}

#nav2 ul li a {
font-size:13px;
color:#fff;
font-weight:normal;
text-transform:none;
}

#nav2 ul ul{
top:0px;
z-index:200;
}


/* modules */
div.moduletable {
padding:0 6px;
}

.gallery div.moduletable,
.column_left_bottom div.moduletable,
.column_right_bottom div.moduletable {
padding:0;
}

.column_right div.moduletable,
.column_left div.moduletable {
margin-bottom:20px;
}

div.moduletable h3 {
font-size:18px;
text-align:left;
margin:0 0 10px;
padding:0 0 5px;
font-weight:normal;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
}

div.moduletable h3 span {
font-weight:bold;
}

#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8 {
margin-right:3px;
padding:15px 0 5px 0;
}

#c1.last, #c2.last, #c3.last, #c4.last {
margin-right:0;
}


.bottom div.moduletable h3 {
font-size:18px;
font-weight:normal;
border-bottom:1px solid #8e8e8e;
}

.bottom div.moduletable {
padding:0 10px;
}

.bottom a:link,.bottom a:visited {
text-decoration:underline;
}

.bottom a:hover {
text-decoration:none;
}

div.newsflash {
background:url(../images/bg_transparent_black.png);
padding:6px 3px;
}

.newsflash .article_separator {
border-bottom:2px dotted #c10000;
clear:both;
margin:7px 0;
}

.poll tr {
height:20px;
}

.poll tbody {
height:25px;
vertical-align:top;
text-align:center;
}

/* typography */
.warning {
padding:15px 15px 15px 60px;
color:#000;
border-top:4px solid #c10000;
border-bottom:4px solid #c10000;
background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
padding:15px 15px 15px 60px;
color:#006699;
border-top:4px solid #006699;
border-bottom:4px solid #006699;
background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
padding:15px 15px 15px 60px;
color:#900;
border-top:4px solid #900;
border-bottom:4px solid #900;
background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
padding:15px 0;
color:#218023;
font-family:"Courier New", Courier, monospace;
font-size:14px;
}

.quote {
padding:8px;
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
font-size:18px;
text-align:center;
background:#000 url(../images/quote_bg.gif);
color:#fff;
font-style:italic;
}

.hotcarousel h2 {
text-align:right;
font-family:'SansationBold', Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:28px;
background:url(../images/h2_line.png) bottom right no-repeat;
}

.hotcarousel a.readon {
font-family:'SansationBold', Verdana, Geneva, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.column_right {
background: none repeat scroll 0 0 #C10000;
}


I can't find the code you are talking about. Which line on here should I change. Thank you so much!

Please Log in to join the conversation.

More
13 years 6 months ago #8350 by ivan.milic
:)

I said:

add that at the bottom of template_css.css

Please Log in to join the conversation.

More
13 years 6 months ago #8353 by russellmoran
It worked on *home* page. But if I go to any other page "BASKETBALL --> NBA" or anywhere, now it's too low???

Please Log in to join the conversation.

More
13 years 6 months ago #8362 by ivan.milic
Then try opposite approach. Add:

.content_wrap{
margin-top:34px;
}

.column_right {
margin-top:34px;
}

Please Log in to join the conversation.

Time to create page: 0.099 seconds
Powered by Kunena Forum