WordPress.org

Ready to get started?Download WordPress

Forums

Easel
[resolved] Header-Image won't show in Firefox (7 posts)

  1. xma10x
    Member
    Posted 1 year ago #

    Hi,

    I have made an website using wordpress and the easel theme. I wanted to have an imagine in my header, and used the header menu options in the dashboard, uploaded the image and made it fit. The picture is shown at the top of my page as intended in Chrome and Safari, but for some reason it won't show in Firefox. Can anyone help me figure out why that is, and how I make it show in Firefox?
    The website is http://www.mathiasbundgaard.dk

    Cheers,
    Mathias.

    http://wordpress.org/extend/themes/easel/

  2. Frumph
    Member
    Theme Author

    Posted 1 year ago #

    Here's the code that comes out from the custom header

    <style type="text/css">
    		#header { width: 1100px; height: 430px; background: url(http://mathiasbundgaard.dk/wp-content/uploads/2012/10/cropped-aaben-bog-paaŠ-baenk.jpg) top center no-repeat; overflow: hidden; }
    		#header h1 { padding: 0; }
    		#header h1 a { display: block; width: 1100px; height: 429px; text-indent: -9999px; }
    		#header .description { display: none; }
    		</style>

    .. it *looks* correct and even goes to this image: http://mathiasbundgaard.dk/wp-content/uploads/2012/10/cropped-aaben-bog-paa%C2%8A-baenk.jpg

    The nearest thing I can tell is that it's missing ' squotes around it...

    So go to functions/custom-header.php and open it up

    find this line:

    #header { width: <?php echo get_custom_header()->width; ?>px; height: <?php echo get_custom_header()->height; ?>px; background: url(<?php header_image(); ?>) top center no-repeat; overflow: hidden; }

    It's inside the function easel_header_style() and change it to this:

    #header { width: <?php echo get_custom_header()->width; ?>px; height: <?php echo get_custom_header()->height; ?>px; background: url('<?php header_image(); ?>') top center no-repeat; overflow: hidden; }

    Basically adding ' squotes inside the () .. and then save it and tell me if that works.. cause that looks correct to me over here.

  3. Frumph
    Member
    Theme Author

    Posted 1 year ago #

    It also could be from the change you made inside of the style-default.css file

    this:

    /* Ma10 erstattet background: url('images/background-tile.jpg') repeat; med FF3300*/
    #page-wrap {
    	background: /* url('images/background-overlay.png') top center repeat-x; */ /* Ma10 fjerer det der overlay */
    }

    ^ notice you have background: which executes but you do not have anything past it to block it off. the ; is missing

    if you're going to comment it, put the /* before the background:

    should probably check your other changes

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Validate your website

  5. xma10x
    Member
    Posted 1 year ago #

    Thanks for all your quick replies!!!
    I'm not very good in all this coding, but I found the and edited what you suggested Frumph - Picture came right back!! :D
    Only problem is that I need it centered and not to the left. If there an easy way to change this? :)
    Thanks a lot in advance!

  6. Frumph
    Member
    Theme Author

    Posted 1 year ago #

    Which method did you use, adding the squotes or fixing the position of the /* commenting out section */ ?

    if you add this to the style-default.css it would make it centered

    #header { width: auto !important; }
  7. xma10x
    Member
    Posted 1 year ago #

    Thank you sooooooo much Frumph!
    I add'ed the squotes, and after addeing your latest sugestion, it worked out exactly as I had hoped :)
    Can't thank you enough!
    Cheers!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags