Hallo zusammen,
mangels meiner Kenntnisse bekomme ich es nicht hin, dass der "Like-Bereich" in der mobilen Ansicht in der Zeile bleibt, sprich direkt rechts neben dem Datum erscheint, sondern einen Zeilenumbruch macht.
Kann mir hier jemand weiterhelfen? Tausend Dank.
Ich weiß ja nicht mal, ob ich hierzu am Theme was ändern muss, oder am Plugin?
Plugin:
.likeit-text, .likeit-count {
border: 2px solid #0ad;
display: inline-block;
text-align: center;
padding: 1px 5px;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.likeit-text {
color: #fff;
background-color: #0ad;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.likeit-canvote .likeit-text {
cursor: pointer;
}
.likeit-count {
cursor: default;
background-color: #f6f6f6;
border-left: 0;
color: #757575;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
font-weight: bold;
}
Ausschnitt aus der funktions.php
<div class="post-meta">
<?php if ( is_sticky() ) : ?>
<p class="post-sticky is-sticky"><span class="fa fw fa-thumb-tack"></span><?php echo __( 'Sticky', 'iwata' ) . '<span> ' . __( 'Post', 'iwata' ) . '</span>'; ?></p>
<?php endif; ?>
<?php if ( get_post_type() == 'post' ) : ?>
<p class="post-date"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><span class="fa fw fa-calendar-o"></span><?php the_time(get_option( 'date_format' ) ); ?></a> </p>
<?php endif; ?>
<?php if ( comments_open() ) : ?>
<p class="post-comments">
<?php comments_popup_link( '<span class="fa fw fa-comment-o"></span>0 ' . __( 'Kom', 'iwata' ), '<span class="fa fw fa-comment"></span>1 ' . __( 'Kommentar', 'iwata' ), '<span class="fa fw fa-comments"></span>% ' . __( 'Kommentare', 'iwata' ) ); ?></p>
<?php endif; ?>
<p class="post-date"><?php if(function_exists("likeit_button")) likeit_button(); ?></p>
</div><!-- .post-meta -->
