Хотела вывести товарные категории в форме обычной витрины товаров (горизонтальное выравнивание списка).
В макете html код сработал
| HTML5 |
1
2
3
4
| <ul class="goddies">
<li></li>
<li></li>
</ul> |
|
| CSS |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| .goddies {
font: 14px Verdana, Geneva, sans-serif;
margin:30px 10px;
padding:0;
list-style: none;
width:100%;
height:100%;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.goddies li {
display:inline-block;
width: 45% !important;
float:none !important;
min-width:5em;
opacity: 1;
margin-right:4%;
margin-bottom: 4%;
} |
|
В category.php пишу обычный вывод постов со своим классом
| PHP |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <?php get_header(); ?>
<div id="leftcontent">
<p class="slovo">I am Roshan, a UI / Web designer with combined experience of 7 + years in Web Design and Graphic Design. I love designing websites.I am Roshan, a UI / Web designer with combined experience of 7 + years in Web Design and Graphic Design. I love designing websites.</p>
<?php if(have_posts()): ?>
<?php while(have_posts()): the_post(); ?>
<ul class="goddies">
<li><h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
<?php the_excerpt(); ?>
<a href="<?php the_permalink(); ?>"><img class="buttonmore" src="<?php bloginfo('template_url'); ?>/images/viewmorebtn.gif" alt="" /></a></li>
</ul>
<?php endwhile; ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<div class="clear"></div>
</section>
</div>
<?php get_footer(); ?> |
|
Посты выводятся, только в ряд, как будто WP не видит
В чем может быть проблема? Благодарю за любую подсказку!
(
