WordPress.org

Ready to get started?Download WordPress

Forums

background images not showing up in header (7 posts)

  1. rachelacutler
    Member
    Posted 1 year ago #

    I am using the boiler plate theme for this website

    richcutlersoundmix.com

    and can't get the images to load in the header. There should be one for the logo in the upper left corner. if you put your mouse there you will see that it is a link. there should also be an image for the header going behind the logo as well as the nav bar. this is my header code:

    <header role="banner">
    			<nav id="access" role="navigation">
    		  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    			<a href="#content">"><?php _e( 'Skip to content', 'boilerplate' ); ?></a>
    			<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
    			<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    		</nav><!-- #access -->
    		<h1 id="logo"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> </a></h1>
    
    		</header>

    and this is my style sheet code :

    .header{
    	width:100%;
    	height:240px;
    	background-image: url('http://www.richcutlersoundmix.com/rich/wp-content/themes/boilerplate-1/images/header_image.png') repeat;
    }
    
    .logo a{
    	width:200px;
    	height:200px;
    	float:left;
    	margin-left:80px;
    	text-indent:-9999px;
    	overflow: hidden;
    	display: block;
    	background-image: url('http://www.richcutlersoundmix.com/rich/wp-content/themes/boilerplate-1/images/logorc.png') no-repeat;

    please help!!

  2. kmessinger
    Volunteer Moderator
    Posted 1 year ago #

    The image link results in a 404 error.

  3. alchymyth
    Forum Moderator
    Posted 1 year ago #

    the css is not matching the html;

    there is no css class .header in the linked web page, this is an element header (this is actualy right in style.css);

    the logo is an css id #logo, not a css class .logo

    and as @kmessinger already pointed out, both images are 'not found'
    (neither the image urls posted here in the forum, nor the ones in the actual site)

  4. rachelacutler
    Member
    Posted 1 year ago #

    @alchymyth, @kmessinger,

    I changed the id#logo but no luck.

    I also deleted the images from the FTP and then re-uploaded them to make sure they had fully downloaded. I triple checked the image paths but nothing seems wrong with the images.

    when i put the image url in a web address i also got a 404 error. what do you suggest?

    thanks!

  5. kmessinger
    Volunteer Moderator
    Posted 1 year ago #

  6. rachelacutler
    Member
    Posted 1 year ago #

    yes that worked! thank you!!!

    @alchymyth! @kmessinger

    do you know how to take the "just another wordpress" off of the browser tab?

  7. kmessinger
    Volunteer Moderator
    Posted 1 year ago #

    Should be under settings, general, tagline.

Topic Closed

This topic has been closed to new replies.

About this Topic