
Originally Posted by
mc12345678
That's what I'm "afraid of" :) Thank you for looking into it.
Hi
I got my image to center last night but I did a few things and I'm not sure all are needed. And I got too tired for more testing, sorry. But you can it on my play site:
testzen.thestitchsanctuary.com. I won't be home until later tomorrow.
I just used the demo. I took out a few floats, added a text-align:center, and put in a paragraph with the class center. Oh, and the stuff on the right was set with a -40 margin so I moved it to like -90 (or something). Here is the change I made to the header file (I tried to do it all in CSS but couldn't figure it out yet)
Code:
<!--bof-branding display-->
<p id="logoWrapper" class="center">
<div>
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
</div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline">
<?php echo HEADER_SALES_TEXT;?>
</div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
}
}
?>
</div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div></p>
What I'm not sure of is how it will work with responsive. I'm not sure about the negative margin, and I'm not sure about putting the paragraph in. But it might be a short term fix.
I tried to edit your code to make the same thing happen but I could not get it to align. I have a theory and maybe Anne can confirm. The logo and tagline are each in their own DIV and then together in logoWrapper div. Since you don't have the tagline showing, the holding space for it goes away, causing them not to align like mine do.
Hope this helps in some small way.
Bookmarks