CSS help with vigilance theme

  • Unknown's avatar

    hi all! this forum is always so helpful and i thank you for that!

    i was hoping to get rid of the white space on either side of my header image, so the header is uniform with the background, is there a way to do that?

    also, i wanted to see if i can get rid of the line above the pages in the navbar?

    lastly if i have a custom font, how can i use that for my post titles, pages in the navbar, and sidebar headers?

    thank you all so much!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    You need to create a new background image as wide as the wrapper + the left and right padding (40px total) which will be 960px for the width of the image. Upload it to your media library and put the URL into #title below replacing the title there, and make the other changes I show below in #header and # title and see if that w does what you wanted.

    #header {
    background: none repeat scroll 0 0 transparent !important;
    padding: 0;
    }

    #title {
    background: url(“http://radiantrepublic.files.wordpress.com/2011/04/920×180.png”) no-repeat scroll 0 0 transparent;
    height: 180px;
    left: -20px;
    position: relative;
    width: 960px;
    }

  • Unknown's avatar

    I forgot to put that in between backticks. If you copy and paste, use the below.

    #header {
    background: none repeat scroll 0 0 transparent !important;
    padding: 0;
    }
    
    #title {
    background: url("http://radiantrepublic.files.wordpress.com/2011/04/920x180.png") no-repeat scroll 0 0 transparent;
    height: 180px;
    left: -20px;
    position: relative;
    width: 960px;
    }
  • Unknown's avatar

    wow, amazing, thank you!!

  • Unknown's avatar

    oh, also, i wanted to see if i can get rid of the line above the pages in the navbar?

    and if i have a custom font, how can i use that for my post titles, pages in the navbar, and sidebar headers?

  • Unknown's avatar

    You are welcome. This gets rid of the line.

    #nav ul li a:hover, #nav ul li:hover > a, #nav ul li.current_page_item > a, #nav ul li.current_page_parent > a, #nav ul li.current_page_ancestor > a, #nav ul li.current-cat > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent a {
    border-top: medium none;
    }
  • The topic ‘CSS help with vigilance theme’ is closed to new replies.