Hi all!
I was hoping you all could help me with an issue that I have been trying to figure out for a couple of days now. On my website (nxtlvlmag.com, created out of wordpress theme Original Premier News theme by woothemes) I was trying to replace the ad images on the top-right with one large image with the dimensions of 250*500px. I managed to resize the div section to the desired height of 500px in its style.css file, as you would see on the site. However, it also adjusted the bottom ad space. I tried to create a seperate div class for that, but it didnt work.
Beyond that, the actual image I want to place in this space i cannot seem to put up. I have tried editing their respective php files, even tried deleting the default image files, but was not getting any result.
I wanted to basically clear out these advertisement spaces to make space for other things i want to put there, but am having a difficult time, and am getting a little frustrated, as i know im missing something. BTW, my host is currently running Wordpress 2.6.1. I will upgrade soon. Please help!
here are their codes:
style.css
Code:
/*
Theme Name: Original Premium News
Theme URI: http://www.woothemes.com/
Description: Original Premium News by WooThemes
Version: 1.2.0
Author: WooThemes
Author URI: http://www.woothemes.com/
*/
/*========= SETUP =========*/
*{
border: 0;
margin: 0;
padding: 0;
}
body{
background: url(http://nxtlvlmag.com/site/wp-content.../images/bg.jpg) #bcbcbc ;
color: #000000;
font: 0.8em Arial,Helvetica,Sans-Serif;
}
a{
color: #ff7800;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
input,select,textarea{
border: #999999 1px solid;
font-size: 12px;
padding: 2px;
}
select{
padding: 0;
}
li{
list-style: none;
}
/*========= LAYOUT =========*/
#page{
background: #ffffff;
margin: 0 auto;
width: 960px;
}
/*--- Main Columns ---*/
#columns{
margin: 20px 0 0;
padding: 0 15px 25px;
}
.col1{
float: left;
width: 550px;
}
.col2{
float: right;
width: 350px;
}
/*--- Sub Columns ---*/
.subcol{
width: 160px;
}
.subcol h2{
color: #ff7800;
font-size: 14px;
padding: 0 0 10px;
}
/*========= HEADER =========*/
/*- Page Navigation -*/
#nav{
background: #000000;
height: 30px;
padding: 4px 0 0;
}
#nav-left {
float:left;
display:inline;
width:570px;
}
#nav-right {
float:right;
display:inline;
width:370px;
}
#nav ul {
position: relative;
height: 26px;
overflow: hidden;
padding-left:10px;
}
#nav ul li {
float: left;
list-style: none;
font-weight:bold;
font-size:14px;
}
#nav ul li.back {
background-color: #333333;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
#nav ul li a {
text-decoration: none;
color: #dddddd;
outline: none;
text-align: center;
top: 6px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 26px;
position: relative;
overflow: hidden;
margin: auto 15px !important;
margin: auto 7px;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:visited {
border: none;
}
/*- Category Navigation -*/
.nav2, .nav2 * {
margin:0;
padding:0;
}
.nav2 {
height: 35px;
border-bottom:3px solid #B3B3B3;
font-weight:bold;
font-size:15px;
position:relative;
}
.nav2 ul {
background:#fff; /*IE6 needs this*/
float: left;
position:relative;
}
.nav2 li {
line-height: 35px;
float: left;
list-style:none;
z-index:999;
}
.nav2 li.current ul {
z-index: 999;
}
.nav2 li.sfHover ul,
ul.nav2 li:hover ul {
z-index: 1000;
background: #B3B3B3;
color: #ffffff;
text-decoration: none;
}
.nav2 li li {
}
.nav2 a {
color: #000000;
display: block;
padding: 0 13px;
}
.nav2 li ul {
left:0;
top:-999em;
position:absolute;
width:960px;
}
.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
color: #FF7800;
text-decoration: none;
background: #B3B3B3;
}
.nav2 li.sfHover a,
.nav2 li.current a,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
border-bottom: none;
}
.nav2 li li.current a {
font-weight: bold;
}
.nav2 li li:hover,
.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active {
}
.nav2 li:hover ul, /* pure CSS hover is removed below */
body .nav2 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav2 li.sfHover ul {
top:2.5em;
}
.nav2 li:hover li ul,
.nav2 li.sfHover li ul {
top:-999em;
}
.nav2 li li:hover ul, /* pure CSS hover is removed below */
ul.nav2 li li.sfHover ul {
top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
top: -999em;
}
/*- Search -*/
#search{
background: #333333;
border: 1px solid #b3b3b3;
float: right;
height: 23px;
margin: 0 15px 0 0;
padding: 0 10px 0 0;
width:325px;
}
* html #search{
margin-right: 8px;
}
#search input{
background: transparent;
border: 0;
color: #b3b3b3;
float: left;
font-size: 13px;
margin: 2px 0 0;
padding: 2px 2px 2px 10px;
width:288px;
}
#search .btn{
margin: 3px 0 0 5px;
padding: 0;
width: auto;
}
/*- Header -*/
#header{
background: url(images/hl-dot.gif) repeat-x bottom;
height: 92px;
padding: 0 0 2px;
}
/*- Logo -*/
#header h1{
float: left;
display:inline;
}
#header h1 a{
display: block;
height: 93px;
width: 389px;
}
/*- RSS -*/
#rss{
float: right;
font-size: 12px;
padding: 16px 15px 0 0;
text-align: right;
width: 285px;
}
#rss a{
color: #b3b3b3;
}
#rss ul{
float: left;
margin: 13px 0 0;
width: 220px;
}
#rss li{
margin: 0 0 3px;
padding: 0 0 5px;
}
#rss img{
float: right;
}
/*========= FEATURED POSTS (FRONT-PAGE) =========*/
.featured{
background: #dddddd;
height: 200px;
margin: 0 0 10px;
overflow: hidden;
padding-right:10px;
}
.featured h2{
font-size: 11px;
padding: 10px 0;
}
.featured h3{
font-size: 14px;
padding: 0 0 10px 0;
}
.featured h3 a {
color:#000;
}
.featured h3 a:hover {
color:#FF7800;
}
.featured p {
margin-bottom:10px;
}
.featured-img{
margin: 0 10px 0 0;
width:350px;
height:200px;
float:left;
display:inline;
}
#ribbon{
width:138px;
height:138px;
float:right;
}
#featured-th{
height: 57px;
margin: 0 0 30px;
}
#featured-th img{
margin: 0;
border:none;
}
#featured-th .idTabs {
list-style:none;
}
#featured-th .idTabs li {
float:left;
display:inline;
margin-right:12px;
}
#featured-th .idTabs li.last {
margin-right:0px !important;
}
/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/
#video-frame {
background:#DDD;
float:left;
width:550px;
height:auto;
margin-bottom:30px;
}
.video-left {
float:left;
width:350px !important;
display:inline;
}
.video-left p {
padding:0px !important;
margin:0px !important;
}
.video-left h2 {
display:none;
}
.video-right {
float:right;
width:200px;
display:inline;
padding-top:7px;
}
.video-right h2{
color: #ff7800;
font-size:1.3em;
line-height:1.2em;
font-weight:bold;
padding: 0 0 0 10px !important;
margin:0 !important;
}
.video-right p{
color: #000;
font-size:0.9em;
line-height:0.8em;
font-weight:bold;
padding: 0 0 7px 10px !important;
margin:0 !important;
}
.video-right .idTabs {
border-top:1px solid #FFF;
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
}
.video-right .idTabs li {
margin:0px;
border-bottom:1px solid #FFF;
background:#DDD;
line-height:10px;
}
.video-right .idTabs li a {
color:#000;
font-weight:bold;
font-family:Tahoma, Arial;
font-size:12px;
text-decoration:none;
display:block;
padding:10px 10px;
}
.video-right .idTabs li a:hover {
background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
}
.video-right .selected {
background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
}
/*========= BLOG POST STYLING =========*/
/*=== Small Box Post ===*/
.post{
margin: 0;
}
.post h2{
font-size: 1em;
padding: 0 0 5px;
}
.post h3{
font-size: 1.3em;
}
.post h3 a{
color: #000000;
}
.post p{
padding: 0 0 15px;
}
.post p.posted{
color: #c0c0c0;
}
/*- Box -*/
.box{
border-top: 3px solid #c0c0c0;
clear: both;
height: 1%;
margin: 0 0 20px;
padding: 15px 0 20px;
}
.box .post{
width: 260px;
}
.box .post h2{
font-size: .85em;
}
.box .post h3{
font-size: 1em;
}
.box .post p.posted{
font-size: .85em;
}
/*=== Traditional Blog Post ===*/
.post-alt{
margin: 0 0 15px 0;
padding-bottom:15px;
background: url(images/hl-dot.gif) repeat-x bottom;
}
.post-alt h2{
font-size: 1.1em;
padding: 0 0 5px;
}
.post-alt h3{
font-size: 1.4em;
}
.post-alt h3 a{
color: #000000;
}
.post-alt p{
padding: 0 0 15px;
}
.post-alt p.posted{
color: #c0c0c0;
}
/*=== Buttons ===*/
.continue{
background: url(images/ico-arrow.gif) no-repeat left;
padding: 0 0 0 13px;
font-weight:bold;
}
.comments {
padding-bottom:0px !important;
}
.comments a{
background: url(images/ico-comm.gif) no-repeat left;
color: #000000;
padding: 0 0 0 20px;
font-weight:bold;
}
a.more{
background: url(images/ico-arrow2.gif) no-repeat right;
color: #c0c0c0;
font-size: 1.2em;
font-weight: bold;
padding: 0 20px 0 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
}
.navigation a {
color: #c0c0c0;
font-size: 1.2em;
font-weight: bold;
}
.alignleft{
display:inline;
float:left;
}
.alignright{
display:inline;
float:right;
}
/*========= ARCHIVE SPECIFIC =========*/
#archivebox {
background:#EEE;
padding:10px;
width:530px;
margin-bottom:25px;
}
#archivebox h2 {
font-size:1.5em;
color:#000;
}
#archivebox h2 em{
color:#C0C0C0 !important;
font-style:normal;
}
.archivefeed {
margin-top:5px;
}
.archivefeed a {
background:url(images/ico-arcfeed.gif) center left no-repeat;
padding-left:20px;
color:#000;
font-weight:bold;
}
.arclist{
border-top: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
margin: 0 0 15px;
padding: 10px 0 10px;
width: 260px;
}
.arclist h2{
color: #000;
font-size: 18px;
padding: 0 0 10px 0 !important;
}
.arclist ul li{
padding:0 0 7px 10px;
color:#c0c0c0;
font-size:14px;
font-weight:bold;
}
/*========= SINGLE POST SPECIFIC =========*/
.singletags {
margin-top:5px;
font-weight:bold;
color:#C0C0C0;
}
.entry p{
text-align:left;
font-size:12px;
line-height:20px;
}
.entry blockquote {
padding: 3px 15px;
background: #def3ff;
border: 1px solid #0253b8;
margin: 5px auto 15px auto;
color:#000;
width:85%;
}
.entry blockquote p {
font-size:12px;
padding: 5px 0px;
margin: 5px 0px;
line-height: 20px;
}
.entry img {
padding: 2px 2px 2px 2px;
background:#DDD;
border: solid 1px #C0C0C0;
}
.entry ul, .entry ol {
margin-bottom:15px;
font-size:12px;
line-height:20px;
}
.entry ul li ul, .entry ol li ol{
margin-bottom:0px;
padding-top:3px;
}
.entry ul li {
list-style:circle inside !important;
margin-left:15px;
padding:3px 0px;
}
.entry ul li ul li {
list-style:disc inside !important;
}
.entry ol li {
list-style:decimal inside !important;
font-size:12px;
padding:3px 0px;
}
.entry ol li ol li {
list-style:decimal-leading-zero inside !important;
}
/*========= COMMENTS =========*/
h2.commh2{
font-size: 1.4em;
padding: 0 0 5px;
font-weight:bold !important;
}
ol.commentlist{
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}
ol.commentlist p{
margin-bottom:10px;
line-height: 20px;
}
ol.commentlist cite{
font-style: normal;
font-weight: bold;
}
ol.commentlist li{
padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
padding: 10px 10px 0 10px !important;
background:#DDD;
border:1px solid #C0C0C0;
}
/*========= SIDEBAR =========*/
/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/
.sideTabs {
border-bottom:1px solid #C0C0C0;
height:31px;
width:350px;
float:left;
display:block;
}
.sideTabs .idTabs{
font-size: 12px;
height: 30px;
letter-spacing: -1px;
}
.sideTabs .idTabs li{
float: left;
font-size: 13px;
line-height: 30px;
}
.sideTabs .idTabs li a{
background: #eeeeee;
border: 1px solid #eeeeee;
border-bottom: 0;
color: #c0c0c0;
display: block;
margin: 0 2px 0 0;
padding: 0 10px;
font-weight:bold;
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
background: #dddddd;
border: 1px solid #c0c0c0;
border-bottom:1px solid #ddd;
color: #373737;
text-decoration: none;
}
.navbox{
background: #dddddd;
border: 1px solid #c0c0c0;
border-top: 0;
margin: -2px 0 25px;
padding: 10px 10px 0;
position: relative;
}
.list1,list3,list4{
padding-bottom:12px;
}
.list1 li,.list3 li,.list4 li{
background: url(images/ico-star.gif) no-repeat left center;
padding: 6px 0 6px 25px;
border-bottom:1px dashed #C0C0C0;
}
.list1 li a,.list3 li a,.list4 li a{
color: #000000;
}
.list3 li {
background: url(images/ico-mostcomm.gif) no-repeat left center !important;
}
.list4 li {
background: url(images/ico-feat.gif) no-repeat left center !important;
}
/*- Ads -*/
.ads{
border: 1px solid #eeeeee;
height: 500px;
margin: 0 0 25px;
padding: 10px;
}
.ads2{
border: 1px solid #eeeeee;
height: 125px;
margin: 0 0 25px;
padding: 10px;
}
.ads img{
float: left;
margin: 0 14px 0 0;
;
}
.ads img.last{
margin: 0 !important;
}
/*- Flickr -*/
.flickr{
background: #fafafa;
border: 1px solid #c0c0c0;
margin: 0 0 25px;
padding: 10px 0px;
}
.flickr .flickr_badge_image img {
float:left;
display:inline;
padding-left:10px;
padding-bottom:5px;
}
.flickr h2{
color: #ff7800;
font-size: 14px;
height: 21px;
margin: 0 0 10px 0px;
padding-left:10px;
}
.flickr h2 span{
float: left;
}
.flickr h2 img{
float: right;
margin: 0 2px;
}
.flickr h2 em{
color: #848382;
float: right;
font-style: normal;
}
.flickr-ar {
margin:10px 10px 0px 0px !important;
padding:0px !important;
text-align:right;
}
/*=== DropDown Lists ===*/
.catlist{
border-bottom: 3px solid #c0c0c0;
margin: 0 0 15px;
padding: 0 0 10px;
width: 160px;
}
.catlist h2{
color: #ff7800;
font-size: 14px;
padding: 0 20px 0 0 !important;
background:url(images/ico-catlist.gif) center right no-repeat;
}
.list-alt {
padding-top:10px;
}
.list-alt li{
margin: 0 0 7px;
}
.list-alt li a{
color: #000000;
}
/*=== Styling Widget Lists ===*/
.widget h2 {
text-transform:uppercase;
}
.widget ul {
background: url(images/hl-dot.gif) repeat-x bottom;
margin: 0 0 15px;
padding: 10px 0 7px;
}
.widget ul li{
margin: 0 0 7px;
}
.widget ul li a{
color: #000000;
}
/*========= FOOTER =========*/
#footer{
background: #000000;
clear: both;
color: #b3b3b3;
height: 35px;
line-height: 35px;
padding: 0 15px;
}
#footer a{
color: #b3b3b3;
}
#footer img {
vertical-align:middle;
}
/*========= MISC =========*/
.fix{
clear: both;
height: 1px;
margin: 0 0 -1px;
overflow: hidden;
}
.hl{
background: url(images/hl-dot.gif) repeat-x bottom;
}
.hl-full{
background: url(images/hl-dot-full.gif) repeat-x bottom;
float:left;
clear:both;
height:2px;
width:100%;
margin:20px 0 25px !important;
margin:10px 0 15px;
padding:0 !important;
}
.hl2{
border-bottom: 3px solid #c0c0c0;
}
.hl3{
border-top: 3px solid #c0c0c0;
padding: 10px 0 0;
}
.blog{
width:100% !important;
float:left;
}
.between{
height:2px;
margin-bottom:15px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.ac{
text-align: center;
}
.ar{
text-align: right;
}
.th{
border: 1px solid #c0c0c0;
float: left;
margin: 0 10px 0 0;
padding: 3px;
}
.gravatar {
float:left;
border: 1px solid #000;
margin-right: 10px;
}
ads-top.php
Code:
<div class="ads">
<a <?php do_action('woo_external_ad_link'); ?> href="<?php echo "$dest_url[1]"; ?>"><img src="<?php echo "$img_url[1]"; ?>" alt="" /></a>
<a <?php do_action('woo_external_ad_link'); ?> href="<?php echo "$dest_url[2]"; ?>"><img src="<?php echo "$img_url[2]"; ?>" alt="" /></a>
<a <?php do_action('woo_internal_ad_link'); ?> href="<?php echo "$ad_page"; ?>"><img src="<?php bloginfo('template_directory'); ?>/images/ad-here.gif" alt="Advertise Here" class="last" /></a>
</div><!--/ads-->
ads-bottom.php
Code:
<div class="ads2">
<a <?php do_action('woo_external_ad_link'); ?> href="<?php echo "$dest_url[3]"; ?>"><img src="<?php echo "$img_url[3]"; ?>" alt="" /></a>
<a <?php do_action('woo_external_ad_link'); ?> href="<?php echo "$dest_url[4]"; ?>"><img src="<?php echo "$img_url[4]"; ?>" alt="" /></a>
<a <?php do_action('woo_internal_ad_link'); ?> href="<?php echo "$ad_page"; ?>"><img src="<?php bloginfo('template_directory'); ?>/images/ad-here.gif" alt="Advertise Here" class="last" /></a>
</div><!--/ads-->
