Sprawdź:
Szablon FastBlog
http://themeforest.net/item/fast-blog/fu...iew/145138
Szblon ma opcję dla sekcji header
Problem w tym że jeśli mam ustawione tak jak na screenie Tagline się nie wyświetla. Jeśli odznaczę center logo, wtedy się wyświetla.
Ja chciałbym aby Logo text i Tagline wyświetlały się jednocześnie i były wycentrowane.
Sam próbuję od wczoraj coś grzebać w tym ale za chiny nie wychodzi tak jak bym chciał.
sekcja header z header.php
Kod:
<!-- Header -->
<div id="header" class="container">
<!-- Logo -->
<h1 id="logo"<?php if (fastblog_get_option('header/logo/center')) echo ' class="center"'; ?>>
<a href="<?php echo home_url('/'); ?>" title="<?php echo esc_attr(get_bloginfo('name')); ?>" rel="home">
<?php if (preg_match('#^https?://.+\.(png|jpg|jpeg|gif|bmp)$#i', $logo = fastblog_get_option('header/logo/logo'))): ?>
<img src="<?php echo $logo; ?>" alt="" />
<?php elseif (!$logo): ?>
<img src="<?php echo $template_uri; ?>/schemes/<?php fastblog_option('scheme'); ?>/images/logo.png" alt="" />
<?php else: ?>
<span><?php echo $logo; ?></span>
<?php endif; ?>
</a>
</h1>
<!-- // Logo -->
<?php if (!fastblog_get_option('header/logo/center')): ?>
<!-- Tagline -->
<?php if (fastblog_get_option('tagline')): ?>
<p id="tagline"><?php bloginfo('description'); ?></p>
<?php endif; ?>
<!-- // Tagline -->
<!-- Contact -->
<div id="contact">
<div><?php echo tb_newlines_html(fastblog_get_option('header/contact')); ?></div>
</div>
<!-- // Contact -->
<?php endif; ?>
</div>
<!-- // Header -->
css
Kod:
/* =Header, logo, tagline, contact
----------------------------------------------------------------------------- */
#header {
padding: 20px 0;
}
#logo {
font-family: Impact, Impact5, Charcoal6, sans-serif;
font-weight: normal;
text-transform: uppercase;
float: left;
margin-right: 25px;
height: 100%;
}
#logo.center {
text-align: center;
float: none;
margin: 0;
}
#logo img {
vertical-align: middle;
}
#tagline {
font: italic 18px/65px Georgia, serif;
float: left;
margin: 0;
}
#contact {
font-size: 11px;
line-height: 19px;
text-align: right;
display: table;
float: right;
height: 100%;
}
#contact > div {
display: table-cell;
vertical-align: middle;
}
będę wdzięczny za pomoc.