WordPress.org

Ready to get started?Download WordPress

Forums

Image vanished since 3.5 update (36 posts)

  1. Jackie Chan
    Member
    Posted 2 years ago #

    Hi, since the 3.5 update i have lost an image on my wordpress/buddypress site. The site is http://www.releasethereal.com

    Originally my logo would appear on the top left of my header, please see this support post on how i did it: http://wordpress.org/support/topic/link-header-to-homepage?replies=20

    How can i get this image to display again?

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    Did you update the theme as well?

  3. Jackie Chan
    Member
    Posted 2 years ago #

    Not that i can remember, however there is no update available

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    That topic unfortunately doesn't mention anything about a Child Theme.
    Modifications to themes' files will erase once the theme updates.

    I would re-do that thread's image solution but within a Child Themed environment.

  5. Jackie Chan
    Member
    Posted 2 years ago #

    Sorry that may have been the wrong support post, i have this set up in a child theme which still exists however since the update the child theme is no longer active, how can i get the child theme to work again?

  6. Andrew
    Forum moderator
    Posted 2 years ago #

    Is there still an option to activate it within the dashboard?

  7. Jackie Chan
    Member
    Posted 2 years ago #

    Its still active through Appearance > Themes
    Sorry i wasn't very clear, by 'no longer Active' i ment its no longer working.

    Below is my child themes code (which worked fine before the 3.5 update)

    @charset "UTF-8";
    /* CSS Document */
    /*
    Theme Name: bp-default
    Theme URI: http://example.org/themes/dusk/
    Description: Dark theme for BuddyPress.
    Version: 1.0
    Author: John Doe
    Author URI: http://example.org/
    Template: bp-default
    Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
    */
    
    #logo a{
     display:block;
     float:left;
     width: (160px);
     height: (94px);
     background:url(http://www.releasethereal.com/wp-content/uploads/2012/08/RTR-logo2click.png) no-repeat 0 0;
     text-indent:-999em;
    }
    
    <a id="logo" href="www.releasethereal.com" class="linkedImage">
    #header {
    background: url(http://www.releasethereal.com/wp-content/uploads/2012/06/Header-Workerwithout-line.png)0 top no-repeat;}
  8. Andrew
    Forum moderator
    Posted 2 years ago #

    Try replacing that code with this;

    @charset "UTF-8";
    /* CSS Document */
    /*
    Theme Name: bp-default
    Theme URI: http://example.org/themes/dusk/
    Description: Dark theme for BuddyPress.
    Version: 1.0
    Author: John Doe
    Author URI: http://example.org/
    Template: bp-default
    Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
    */
    
    #logo a{
     display: block;
     float: left;
     width: 160px;
     height: 94px;
     background:url(http://www.releasethereal.com/wp-content/uploads/2012/08/RTR-logo2click.png) no-repeat 0 0;
     text-indent:-999em;
    }
    
    /*<a id="logo" href="www.releasethereal.com" class="linkedImage">*/
    #header {
     background: url(http://www.releasethereal.com/wp-content/uploads/2012/06/Header-Workerwithout-line.png) 0 top no-repeat;
    }

    It also seems like you're missing an @import code line, to grab the parent theme's CSS.

  9. Jackie Chan
    Member
    Posted 2 years ago #

    Pasted your code still no luck, how do i add an @import code line?

  10. Andrew
    Forum moderator
    Posted 2 years ago #

    Codex' Child Theme guide provides a nice example of how your style.css file should look like http://codex.wordpress.org/Child_Themes#Example_of_a_basic_Child_Theme

  11. cri1211309342479
    Member
    Posted 2 years ago #

    Me Too! None of my images show up since update to 3.5. I'm a newby and I don't understand Andrew Nevins' suggestions about child themes.
    I've been struggling with this for a month now. Could I get some (simple to understand) help, please? http://www.critnick.com

  12. Jackie Chan
    Member
    Posted 2 years ago #

    Thanks for your help, i had to activate the Parent Theme which solved the problem,

  13. Andrew
    Forum moderator
    Posted 2 years ago #

    And Thank you, Jackie Chan for contributing to the WordPress.org community. Sharing your problems really helps others who experience the same issues.

  14. Jackie Chan
    Member
    Posted 2 years ago #

    Ahh i spoke to soon! When i activated the parent theme it had just changed the header to one which had the logo on already, but i need the logo to hyperlink to the home page.

    I just tried this code still no luck

    @charset "UTF-8";
    /* CSS Document */
    /*
    Theme Name: bp-default
    Theme URI: http://example.org/themes/dusk/
    Description: Dark theme for BuddyPress.
    Version: 1.0
    Author: John Doe
    Author URI: http://example.org/
    Template: bp-default
    Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
    */
    
    @import url ("www.releasethereal.com/public_html/wp-content/plugins/buddypress/bp-themes/bp-default/style.css");
    
    #logo a{
     display: block;
     float: left;
     width: 160px;
     height: 94px;
     background:url(http://www.releasethereal.com/wp-content/uploads/2012/08/RTR-logo2click.png) no-repeat 0 0;
     text-indent:-999em;
    }
    
    /*<a id="logo" href="www.releasethereal.com" class="linkedImage">*/
    #header {
     background: url(http://www.releasethereal.com/wp-content/uploads/2012/06/Header-Workerwithout-line.png) 0 top no-repeat;
    }
  15. Andrew
    Forum moderator
    Posted 2 years ago #

    This sounds like something you need to add in your Child Theme (therefore activate the Child Theme again) header.php file.

    Can you use PasteBin to hold your header.php code, then link us the PasteBin'd page?

  16. Jackie Chan
    Member
    Posted 2 years ago #

    Yes i can, i just signed up and pasted the code how can i share the page with you?

  17. Andrew
    Forum moderator
    Posted 2 years ago #

    I think you just take the URL from that PasteBin'd page

  18. Jackie Chan
    Member
    Posted 2 years ago #

    http://pastebin.com/z8S3HW5C there you go, ive set it to expire in 1 hour.

  19. Andrew
    Forum moderator
    Posted 2 years ago #

    So that's the Child Theme header.php, which is different to the parent theme's header.php file because it's missing an image? If so, can you copy the parent theme's header.php file and paste it over your Child Theme header.php file?

  20. Jackie Chan
    Member
    Posted 2 years ago #

    That was my parent themes header.php, my child theme is literally just the style.css which worked before (until the update)

    My aim is basically to have my Logo sit on the top left of my site am i going about this the wrong way?

  21. Andrew
    Forum moderator
    Posted 2 years ago #

    That sounds correct, you just need a header.php file in your Child Theme directory.

    Then, modifying your Child Theme directory header.php file, add this code just below <div class="padder">;

    <a id="logo" href="/" class="linkedImage">
     <img src="/path-to-your-image/your-image.png" alt="<?php bloginfo( 'name' ); ?> />
    </a>
  22. Jackie Chan
    Member
    Posted 2 years ago #

    Ok i've done that sadly not a great outcome http://www.releasethereal.com/
    Have i placed the code in the wrong place?

  23. Andrew
    Forum moderator
    Posted 2 years ago #

    Can you replace this bit of the above;

    <a id="logo"

    with this

    <a id="logo_image"

    Then you can use CSS to style the logo to the position you want.

  24. Jackie Chan
    Member
    Posted 2 years ago #

    No luck, for some reason its not laying over my header image its inside a white box + it has changed the rest of my site

  25. Andrew
    Forum moderator
    Posted 2 years ago #

    Hmm, something added <div id="container"> around the logo. This is causing the white box + layout change.

  26. Jackie Chan
    Member
    Posted 2 years ago #

    Ok i've tried your codes again this time it has moved the menu + search bar out of position, any ideas?

  27. Andrew
    Forum moderator
    Posted 2 years ago #

    Try this CSS;

    #logo_image {
     float: left;
    }

    Sorry, can you repeat where the image should be?

  28. Jackie Chan
    Member
    Posted 2 years ago #

    That code seemed to do the trick, now the logo needs to be raised higher do you know the CSS code for this?

  29. Andrew
    Forum moderator
    Posted 2 years ago #

    Okay, try that CSS, I think that almost gets it. It looks like your navigation would then be slightly falling-off the header section.

  30. Jackie Chan
    Member
    Posted 2 years ago #

    That code seemed to do the trick, now the logo needs to be raised higher do you know the CSS code for this? (Excuse the last post)

Topic Closed

This topic has been closed to new replies.

About this Topic