WordPress.org

Ready to get started?Download WordPress

Forums

Ocean 11 - header (5 posts)

  1. majiklmoon
    Member
    Posted 6 years ago #

    I'm trying to modify the header in using the ocean 11 theme. There are vertical lines in the header seperating each page link. HOw do I remove those lines. I think it has something to do with an li tag but I could be wrong. The page is here http://majiklmoon.com/samwitwerfans/ and here is the code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /><title><?php wp_title(''); if (function_exists('is_tag') and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo wp_specialchars($s,1); } if ( !(is_404()) && (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?> | <?php } ?> <?php bloginfo('name'); ?></title><meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /><link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /><link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /><link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /><link rel="shortcut icon" type="image/gif" href="<?php bloginfo('template_url'); ?>/favicon.gif" /><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/sweetTitles.css" media="screen,projection" /><script src="<?php bloginfo('template_directory'); ?>/js/addEvent.js" type="text/javascript"></script><script src="<?php bloginfo('template_directory'); ?>/js/sweetTitles.js" type="text/javascript"></script><?php wp_get_archives('type=monthly&format=link'); ?><?php wp_head(); ?></head><body><div class="content"><div class="header"><div class="h1">"><?php bloginfo('name'); ?></div><div class="description"><?php bloginfo('description'); ?></div><div id="nav"><li class="page_item">">Home<?php wp_list_pages('title_li=&depth=1'); ?></div></div>

  2. kohaku
    Member
    Posted 6 years ago #

    Well, if we could look at your style.css file, that would be really helpful.

    But it seems like they are either border-right or border-left attributes attributed to the <div id="nav"> area.

  3. majiklmoon
    Member
    Posted 6 years ago #

    the style.css file is as follows - unfortunatley, I have NO idea what the border-right border left attributes means :(

    /*

    Theme Name: Oceans11

    Theme URI: http://milo.peety-passion.com/category/themes

    Version: 1.0

    Description: Clean three col fluid theme with paintings by milo IIIIVII. "Gambling sites doesn't have to look crappy."

    Author: miloIIIIVII

    Author URI: http://milo.peety-passion.com/

    */

    body{margin:5px 0; padding:0; font: 80% Geneva, Sans-Serif;color:#fff;line-height:1.2em;

    background:#000 url(images/header.jpg) repeat-x top center;}

    .header{background:transparent;height:368px;margin:0;padding:0;width:100%;font-variant:small-caps;}

    .header .h1{color:#C60303;float:left;padding:20px 0px 0 160px;font:bold 2.9em Geneva, sans-serif; font-variant:small-caps;}

    .header .description{float:left;clear: both;padding:1px 0px 0 160px;color:#333;font:bold 1.0em Arial, sans-serif;font-variant:small-caps;}

    #nav{list-style:none;margin:0;position:absolute;right:200px;top:290px;}#nav li{float:left;margin-left:5px;}

    #nav .current_page_item a{color:#ccc;}

    #nav .page_item a{color:#fff;text-decoration:none;background:transparent url(images/nav.jpg) repeat-x;

    padding: 50px 10px;font: 11px/100% Arial, Helvetica, sans-serif;border-bottom: 1px solid #000;

    border-left: 1px solid #818080;border-right: 1px solid #000;display: block;text-transform: uppercase;}

    #nav .page_item a:hover{color: #900;}

    blockquote{background:url(images/stripes.gif)repeat; #000;color:#900;border-right:5px solid #C60303;padding:5px;}

    p{margin:0 0 5px 0;padding:0;color:#ccc;}a{color:#C60303;text-decoration:none;}

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

    .content{color:#fff;margin:0 auto;padding:0;width:65%;background:transparent;}

    .right_sidebar{padding: 5px 1em 1em 5px;float:left;width:18%;font-size: 95%;height:629px;

    background-image:url(images/lasvegas.jpg);background-repeat:no-repeat;background-position:top left;}

    .left_sidebar{float:left;width:18%; padding:10px 1em 1em 5px;}

    .right_sidebar h2, .left_sidebar h2{color:#fff;font:normal 1.2em sans-serif,Arial;margin:10px 0 10px 0; padding:0;border-bottom:1px solid #aaa;font-variant:small-caps;}

    .right_sidebar ul, .left_sidebar ul{margin:5px 0 10px 10px;padding :0;list-style:none; }

    .right_sidebar ul li, .left_sidebar ul li{color:#C60303;margin:0;padding:0;}

    .right_sidebar li a, .left_sidebar li a{color:#C60303;display: block;}

    .right_sidebar li a:hover, .left_sidebar li a:hover{color:#fff;background: #C60303;}

    .main{float:right;width:50%;font-size:95%;margin:25px 0 5px 5px;padding:0;color:#fff;}

    .main h2{color:#C60303;font:normal 1.2em sans-serif,Arial;margin:10px 0 10px 0;padding:0;border-bottom: 1px solid #aaa;font-variant:small-caps;}

    .main a, .main a:visited{color:#C60303;}.main a:hover{color:#ccc;}

    .footer{clear:both;width:100%;font-size:90%;background: transparent url(images/footer.gif) no-repeat bottom center; color:#666;text-align:center;margin:0;padding:0;height:200px;}

    .footer p{text-align: center;}fieldset {border: 2px dotted #C60303;}

    textarea.text{height:150px;width: 90%;border: 1px solid #C60303;background:#000;color:#fff;}

    textarea.text:hover{border:1px solid #C60303;background:#000;color:#ccc;}

    input.field{border:1px solid #C60303; background-color: #000;width:100px;color:#fff;}

    input.field:hover{border:1px solid #C60303;background:#000;color: #ccc;}

    input.text{margin:0;width:110px;border:1px solid #C60303;background:#000;color:#ccc; }

    input.text:hover { border: 1px solid #C60303;}

    input.searchbutton{margin:0;font-size:100%;font-family:Geneva, Sans-serif;border:none;background:#000; color: #333;padding: 1px;font-weight:bold;}

    .page h2 , .page h2 a, .page h2 a:visited{margin: 0 0 5px 0;font:bold 1.1em sans-serif,Geneva;color: #C60303;border-bottom:1px solid #C60303;font-variant:small-caps;}

    .date{background: transparent url(images/bgitem.gif) repeat-x top right;color:#666;text-align:right; margin:4px 0 45px 0;padding:0.4em 0 0 0;height:27px;}

    .date a{color:#C60303;}

    .time {color:#192D50;float:left;text-align: left;padding:5px 0 0 15px;}

    input.button{background:#333;color:#ccc;border-right:1px solid #C60303;border-bottom:1px solid #C60303;}

    .comments{padding:10px 10px 8px 10px;margin:0 0 7px 0;background: #333;color:#ccc;}

    .commentsbox{padding:8px 0 10px 10px;margin:0 0 10px 0;background:#fff;color:#000;}

    .error{color:#900;background-color:#000;padding:7px;margin-top:5px;margin-bottom:10px;border:1px dashed #900;}#commentlist li{margin-bottom:1.5em;padding-bottom:1em;border-bottom:1px solid #C60303;}

    #commentform {margin:1em 0;background: #000;width:70%;}

    #commentform textarea{background: #fff;border: 1px solid #C60303;width: 380px;}

    #commentform textarea:hover{background:#fff;border:1px solid #C60303;}

    #commentform textarea:focus{background:#fff;border:1px solid #C60303;}

    #commentform #email, #commentform #author, #commentform #url{font-size:1.1em;background:#fff;border:1px solid #C60303;width:70%;}

    #commentform #email:hover, #commentform #author:hover, #commentform #url:hover{font-size: 1.1em;background:#fff;border:1px solid #C60303;width:70%;}

    #commentform #email:focus, #commentform #author:focus, #commentform #url:focus{font-size: 1.1em;background:#fff;border:1px solid #C60303;width:70%;}

    #commentform input{margin-bottom:3px;}a img{border:none;}p img{padding: 0;}

    img.centered{display:block;margin-left:auto;margin-right:auto;}

    img.alignright{padding: 4px;margin:0 0 2px 7px;display:inline;}

    img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

    .alignright{float:right;padding:4px;background:transparent;margin-left:7px;margin-top:3px; margin-bottom:15px;}

    .alignleft{float:left;padding:4px;background:transparent;margin-right:7px;margin-top:3px; margin-bottom:15px;}

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

    acronym, abbr {border-bottom: 1px dashed #900;}

    input.submit{width:28px;height:20px;font-weight:bold;border:none;background:#000;padding:3px;color:#888;}

    #search{color:#aaa;padding: 10px 5px 5px 5px;height: 20px;background: #000;}

    #search a{color:#900;}#search a:hover{color: #fff; }

    #search .searchbar{float:right;width:80px;text-align:right;padding-right:5px;border-left:1px solid #333;}

    #wp-calendar{empty-cells: show;margin: 10px auto 0;width: 99%;}

    #wp-calendar #prev a{font-size: 9pt;}#wp-calendar a{text-decoration: none;}

    #wp-calendar caption{font: normal 1.0em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align: center;}#wp-calendar th{font-style: normal;text-transform: capitalize;}#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;}

    #wp-calendar caption{text-align: center;width: 100%;}

    #wp-calendar td{padding: 3px 0;text-align: center;}#wp-calendar #today {background:#C60303;color:#333;}

    #wp-calendar td.pad:hover { /* Doesn't work in IE */background-color:#000;}

  4. kohaku
    Member
    Posted 6 years ago #

    #nav .page_item a{color:#fff;text-decoration:none;background:transparent url(images/nav.jpg) repeat-x;
    
    padding: 50px 10px;font: 11px/100% Arial, Helvetica, sans-serif;border-bottom: 1px solid #000;
    
    border-left: 1px solid #818080;border-right: 1px solid #000;display: block;text-transform: uppercase;}
    
    #nav .page_item a:hover{color: #900;}

    The third set of css is border-left, border-right. Change the 1px to 0px or just delete it.

  5. majiklmoon
    Member
    Posted 6 years ago #

    very cool - that worked - thank you SOOO much!

Topic Closed

This topic has been closed to new replies.

About this Topic