Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

Center header image logo, tagline on top of menu

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Jan 21, 2013, 09:59 PM
6 posts · Jun 2012
I'm setting up Montezuma after having used Atahualpa for over a year.
I'd like to center header image logo, tagline on top of menu.

Here is the website http://meetitalia.com/en/

I've followed different posts in the forum and have used the following code for header.php

<div id="logo-img" class="col12 row">
	<a href="<?php echo home_url(); ?>">
        <img src="http://meetitalia.com/en/wp-content/uploads/sites/2/2013/01/meetitalia_532x113@72.png" >  </a>
<div id="banner-bg" class="cf">
	<div id="banner" class="row">
		<div id="logo-area" class="col5">
			<p id="tagline">Welcome to Italy</p>
          	<p id="tagline">Discover Italian Culture through Arts, Cuisine, History and Language Courses</p>
		<?php wp_nav_menu( array( 
			'container' => 'nav', 
			'container_class' => 'menu-wrapper col7', 
			'container_id' => 'menu1-wrapper', 
			'menu_id' => 'menu1', 
			'menu_class' => 'cf menu', 
			'theme_location' => 'menu1', 
			'fallback_cb' => 'bfa_page_menu' 
		) ); ?>
<div id="breadcrumbs1-bg">
	<nav id="breadcrumbs1" class="breadcrumbs lw">
		<?php bfa_breadcrumbs( 'breadcrumbs1' ); ?>
Old Jan 22, 2013, 05:15 AM
juggledad's Avatar
23,026 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you have added a row and then said the banner should take two columns of that row. (all rows should have a total of 12 columns) Since there is nothing else in the row, the logo will shows starting at the left.

you need to add a div before and after your div so the row adds up to 12 coluns.

oh and you shouldn't have a class of 'row' with classes of 'colx' on the same div unless you were using 'col12'
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 22, 2013 at 09:36 AM.
Old Jan 22, 2013, 09:14 AM
367 posts · Oct 2012
Originally Posted by meetatahualpa
I'd like to center header image logo, tagline on top of menu.
If you really mean centered, style the containing div as text-align:center; and the contained image as display:inline.

If you want to have it all left aligned, but more toward the center, use the css grid system.


center, header, logo

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center logo and tagline and position tagline under logo? Elizabeth Header configuration & styling 6 Mar 16, 2012 08:52 PM
Header image keeps center as page shrinks, but logo does not eleanorb Header configuration & styling 9 Feb 5, 2011 08:34 AM
Page menu bar and logo area on header image.. hollow Header configuration & styling 1 Feb 17, 2010 03:22 PM
How do I move drop down menu bar for pages under logo area and header image? barfarf Header configuration & styling 1 Apr 22, 2009 12:49 PM

All times are GMT -6. The time now is 05:38 AM.

Powered by vBulletin® Copyright ©2000 - 2015, Jelsoft Enterprises Ltd.