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
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 21, 2013, 08:59 PM
meetatahualpa
 
6 posts · Jun 2012
Hello,
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

Code:
<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>
<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>
		</div>
		<?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>
</div>
<div id="breadcrumbs1-bg">
	<nav id="breadcrumbs1" class="breadcrumbs lw">
		<?php bfa_breadcrumbs( 'breadcrumbs1' ); ?>
	</nav>
</div>
  #2  
Old Jan 22, 2013, 04:15 AM
juggledad's Avatar
juggledad
 
21,957 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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'
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 22, 2013 at 08:36 AM.
  #3  
Old Jan 22, 2013, 08:14 AM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
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.

Bookmarks

Tags
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 07:52 PM
Header image keeps center as page shrinks, but logo does not eleanorb Header configuration & styling 9 Feb 5, 2011 07:34 AM
Page menu bar and logo area on header image.. hollow Header configuration & styling 1 Feb 17, 2010 02: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 11:49 AM


All times are GMT -6. The time now is 06:18 AM.


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