Support » Theme: Blaskan » [Theme: Blaskan] How do I get the header image BELOW the menu

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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.

    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!

    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.

    WPyogi

    (@wpyogi)

    Forum Moderator

    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

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

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

    WPyogi

    (@wpyogi)

    Forum Moderator

    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…

    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.

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

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

    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?

    lysergic73

    (@lysergic73)

    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;

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Theme: Blaskan] How do I get the header image BELOW the menu’ is closed to new replies.