• Resolved antarkosho

    (@antarkosho)


    I have created a WordPress website for my acting teacher – see https://www.joyacory.com

    I used the MistyLook template and modified the CSS minimally. Because we have so many menu tabs with long titles, the look is very ragged.

    I tried to center the menu tabs in the CSS code but couldn’t get that to work. Finally I contacted the templates author and he replied that the template was not designed for so many menu tabs.

    We still want to keep 2 columns and would like the menu tabs UNDER the banner photo.

    Is anyone out there familiar with WordPress Templates able to suggest a better template? I have searched the WordPress template sites and so far haven’t had any luck.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • lokrin2000

    (@lokrin2000)

    Find your header.php file and replacewith this. I moved the navigation to below the banner.

    <head profile="https://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; <?php _e('Blog Archive','ml');?> <?php } ?> <?php wp_title(); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <meta name="keywords" content="<?php bloginfo('description'); ?>" />
    <meta name="description" content="<?php bloginfo('description'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> <?php _e('RSS Feed','ml');?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php
    global $page_sort;
    	if(get_settings('mistylook_sortpages')!='')
    	{
    		$page_sort = 'sort_column='. get_settings('mistylook_sortpages');
    	}
    	global $pages_to_exclude;
    
    	if(get_settings('mistylook_excludepages')!='')
    	{
    		$pages_to_exclude = 'exclude='. get_settings('mistylook_excludepages');
    	}
    ?>
    <?php wp_head(); ?>
    </head>
    <body id="section-index">
    
    <div id="container">
    
    <div id="header">
    <h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
    <p id="desc"><?php bloginfo('description');?></p>
    </div><!-- end id:header -->
    
    <div id="feedarea">
    <dl>
    	<dt><strong><?php _e('Feed on','ml');?></strong></dt>
    	<dd><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Posts','ml');?></a></dd>
    	<dd><a href="<?php bloginfo('comments_rss2_url'); ?>"><?php _e('Comments','ml');?></a></dd>
    </dl>
    </div><!-- end id:feedarea -->
    
      <div id="headerimage">
    </div><!-- end id:headerimage -->
    
    <div id="navigation">
    <ul>
    	<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="<?php _e('Home','ml');?>"><?php _e('Home','ml');?></a></li>
    		<?php wp_list_pages('title_li=&depth=1&'.$page_sort.'&'.$pages_to_exclude)?>
    	<li class="search"><form method="get" id="searchform" action="<?php bloginfo('home'); ?>"><input type="text" class="textbox" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" /><input type="submit" id="searchsubmit" value="<?php _e('Search','ml');?>" /></form></li>
    </ul>
    </div><!-- end id:navigation -->
    Thread Starter antarkosho

    (@antarkosho)

    Thanks, Lokrin, I tried replacing the header.php with your code but everything but the header image disappeared. However, I moved the navigation to the end of the original header.php and voila the menu tabs are now below the header image. Simple.

    Now, I have looked at several tutorials on how to center navigation and cannot figure out how to do it with our website https://www.joyacory.com.

    Any suggesions would be welcome!

    lokrin2000

    (@lokrin2000)

    For some reason copy-paste was messing up on my end and I tried about 5 times to get that text right. Glad you managed it.

    I’ve tried playing with your CSS and haven’t been able to centre the links. Maybe someone else can do better.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help finding new WordPress Template’ is closed to new replies.