Customize header CSS (3 posts)

  1. Sophie-P
    Posted 2 years ago #

    Dear all,
    I want to customize the header in the advantage theme. It should be a super easy one to make, just a white background and one image in the center. I wanted to follow this tutorial to do it http://codex.wordpress.org/Designing_Headers,

    But this directs me to the CSS Stylesheet, which says:
    ----------------------------------------------------------------- */
    /* Surprised to see empty stylesheet? Please note that Advantage
    * uses minified verion of stylesheet. The source is located on
    * dev/advantage.css. You may use one of the follow options:
    * 1. Save Custom CSS in Theme Options
    * 2. Create a Child Theme. Advantage will include Child Theme's
    * style.css automatically.
    ----------------------------------------------------------------- */

    So, in essence, if I would put in the following code in the custom CSS Stylesheet, would this then automatically overwrite the 'usual' header code and allow me to insert my 'logo' header image?

    Thanks in advance!

    #header {
      background: url("<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg")
      no-repeat bottom center; }
    #headerimg  {
      margin: 7px 9px 0;
      height: 200px;
      width: 740px; }
  2. Michael
    Forum Moderator
    Posted 2 years ago #

    what have you tried so far?

    what was the result?

    you can probably not use php code in the custom CSS;
    also, the theme does not seem to have an html element with the CSS id #header

    it might be useful if you could post a link to your site.

  3. Sophie-P
    Posted 2 years ago #

    Thanks for the quick reply.
    My website is http://www.kavel10.nl. As you can see, the top header is blue now.
    As I couldn't find any code to alter, I tried designing the header myself and uploading the image into the header. This looks awful because the image (no matter how small/big the original was) will only show between the home button and the search field, so there will be lots of blue bits left in the header. I can't change the remaining blue into white or make it disappear in any other way without meddling with the code I think.

    I looked at creating a child theme (http://codex.wordpress.org/Child_Themes) and putting the header code in there, but as the original theme doesn't have an HTML element #header, as you say, I'm not sure what good that would do.

    It seems silly that a super-easy header with a white background and one image would create such a fuss. Do you have any tips?

    Thanks a million!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic