WordPress.org

Ready to get started?Download WordPress

Forums

Blaskan
How do I get the header image BELOW the menu (13 posts)

  1. bamiesoep
    Member
    Posted 2 years ago #

    Howdy cowboys!

    I am using the Blaskan theme and I was wondering if any of you know how I can move the header image below the menu bar?

    http://madein1987.com/

    Thanks in advance!

    Janet

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

  2. just wondering
    Member
    Posted 2 years ago #

    Very carefully,

    In your header div you could move your <figure><figure> which contains your header pic below the nav div which is also in your header div.
    Be very careful and be prepared to back up if you mess up.
    The figure div has a 30 px bottom margin you may want to remove that.
    Also get and use firefoxes fire bug, it will tell you where a style is coming from(the file and line number) and the inheritance of a tag if any.

  3. bamiesoep
    Member
    Posted 2 years ago #

    Thanks for your fast answer, I seem not to be able to find this part in my style sheet. Could you be more exact? Thanks in advance!

  4. just wondering
    Member
    Posted 2 years ago #

    Many of the wordpress themes are God awful wordy.

    Looking at firefox's fire bug the style is coming from http://madein1987.com/wp-content/themes/blaskan/style.css?ver=3.3.1 Which looks like some kind of dynamic style sheet.
    Can you edit the div in the dashboard some where?
    If you can't find the style sheet you may be able to hard code the frame to get rid of the margin.

    Also does the theme site have any info on this.

  5. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    There is no such thing as a dynamic stylesheet -- the one JW mentioned above is the regular stylesheet for that theme. Do NOT put CSS inline in the php files -- or you will lose it when you update the theme or WP.

    No header visible at this moment -- maybe you are changing it? Hopefully, you are using a child theme to make these kinds of changes -- if not, you are going to be very sorry down the road.

    Read this

  6. bamiesoep
    Member
    Posted 2 years ago #

    Ive tried to put the child theme on, still cant find anything where to change it :(

  7. bamiesoep
    Member
    Posted 2 years ago #

    The header is back now, but still not at the spot where I want it..

  8. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    Okay,but do you really want it below the menu navigation part? Seems like it would be better right above that. It's not that hard to change if you know what you are doing -- it will need to be done in the header.php file -- but it's easy to mess things up. And you absolutely have to create a child theme to do this kind of thing.

    Alternatively, look for a theme that already has the type of header layout you want...

  9. just wondering
    Member
    Posted 2 years ago #

    Do you have a local server, if not when you get time put something like xampp on you computer. I makes testing a lot easier and you wonder how you or other people can work with out it.

    Also as I said above be vary carefull

    if your div is in php tags echo edit accordingly, if the div isn't in php tags edit accordingly.

  10. just wondering
    Member
    Posted 2 years ago #

    Jezz, my writing! I was eating a sandwich when I wrote the above, I'll blame it on that.

  11. bamiesoep
    Member
    Posted 2 years ago #

    This theme is definitely not as easy to work with as I hoped!
    But thanks for all the comments anyways!

  12. kclapman
    Member
    Posted 1 year ago #

    I just installed this theme for my site and was reading through this support forum. Bamiesoep I clicked to your site and really liked your menu style much better than the default one. How did you achieve that?

  13. lysergic73
    Member
    Posted 1 year ago #

    You have to modify the position of
    $output .= blaskan_primary_nav();

    located in functions.php in the Blaskan header structure

    Place it just under $output = ''; and before if ( get_header_image() ):

    The complete code to place in child theme functions.php (if you haven't created one do it) is:

    /**
     * Blaskan header structure
     */
    if ( ! function_exists( 'blaskan_header_structure' ) ):
    function blaskan_header_structure( $description = '' ) {
    	global $blaskan_options;
    
    	$output = '';
    	$output .= blaskan_primary_nav();
    	if ( get_header_image() ):
    		$output .= '<figure><a href="'.home_url( '/' ).'" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'" rel="home"><img src="'.get_header_image().'" height="'.get_custom_header()->height.'" width="'.get_custom_header()->width.'" alt="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'"></a></figure>';
    	endif;
    
    	if ( $blaskan_options['hide_site_title_header_message'] !== 1 ) {
    		if ( is_front_page() ) {
    			$header_element = 'h1';
    		} else {
    			$header_element = 'div';
    		}
    		$output .= '<'.$header_element.' id="site-name"><a href="'.home_url( '/' ).'" title="'. esc_attr( get_bloginfo( 'name', 'display' ) ).'" rel="home">'.get_bloginfo( 'name' ).'</a></'.$header_element.'>';
    
    		$output .= blaskan_header_message( get_bloginfo( 'description' ) );
    	}
    
    	return $output;
    }
    endif;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags