• Resolved xma10x

    (@xma10x)


    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/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Frumph

    (@frumph)

    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.

    Theme Author Frumph

    (@frumph)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Validate your website

    Thread Starter xma10x

    (@xma10x)

    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!! 😀
    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!

    Theme Author Frumph

    (@frumph)

    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; }
    Thread Starter xma10x

    (@xma10x)

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Easel] Header-Image won't show in Firefox’ is closed to new replies.