responsive and cat template issue fixed

This commit is contained in:
magepeopleteam 2018-02-05 12:19:54 +00:00
parent 88a25a962d
commit c2361ac506
5 changed files with 212 additions and 13 deletions

View File

@ -260,4 +260,204 @@ margin: 0;
padding: 0; padding: 0;
margin: 20px 0 5px 0; margin: 20px 0 5px 0;
font-size: 18px; font-size: 18px;
} }
.mep_event_list_item {
border: 1px solid #ddd;
margin-bottom: 20px;
padding: 5px;
overflow: hidden;
width: 31%;
display: inline-block;
vertical-align: top;
min-height: 270px;
}
.mep_list_thumb {
width: 100%;
float: left;
}
.mep_list_thumb img {
width: 100%;
min-height: 130px;
}
.mep_list_event_details {
width: 100%;
float: none;
overflow: hidden;
padding-left: 0;
padding-top: 0;
position: relative;
}
html body .mep_event_list .mep_list_event_details a {
color: #000;
text-decoration: none;
}
.mep_event_list .mep_list_title {
font-size: 20px;
font-weight: bold;
display: block;
margin-bottom: 8px !important;
}
.mep_event_list .mep_list_date {
font-size: 13px;
font-style: italic;
display: block;
margin: 0 0 10px 0 !important;
}
/* Responsive CSS
=====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 990px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mep-events-wrapper {
margin: auto 5px;
}
.mep_event_list_item {
width: 100%;
}
.mep-left-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-event-thumbnail img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.mep-event-thumbnail {
height: auto;
}
.mep-right-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-reg-btn-sec {
margin: 10px 0;
padding: 10px;
}
.mep-event-datetime, .mep-event-location {
padding: 10px;
}
.mep-event-details {
padding: 10px;
}
.mep-event-title-header {
padding: 10px;
}
.mep-event-title-header h2 {
font-size: 23px;
line-height: 25px;
margin-bottom: 0;
}
.mep-event-datetime {
padding: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.mep-events-wrapper {
margin: auto 5px;
}
.mep_event_list_item {
width: 100%;
}
.mep-left-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-event-thumbnail img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.mep-event-thumbnail {
height: auto;
}
.mep-right-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-reg-btn-sec {
margin: 10px 0;
padding: 10px;
}
.mep-event-datetime, .mep-event-location {
padding: 10px;
}
.mep-event-details {
padding: 10px;
}
.mep-event-title-header {
padding: 10px;
}
.mep-event-title-header h2 {
font-size: 23px;
line-height: 25px;
margin-bottom: 0;
}
.mep-event-datetime {
padding: 0;
}
}
@media (max-width: 319px) {
.mep-events-wrapper {
margin: auto 5px;
}
.mep_event_list_item {
width: 100%;
}
.mep-left-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-event-thumbnail img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.mep-event-thumbnail {
height: auto;
}
.mep-right-col {
width: 100%;
float: none;
overflow: hidden;
}
.mep-reg-btn-sec {
margin: 10px 0;
padding: 10px;
}
.mep-event-datetime, .mep-event-location {
padding: 10px;
}
.mep-event-details {
padding: 10px;
}
.mep-event-title-header {
padding: 10px;
}
.mep-event-title-header h2 {
font-size: 23px;
line-height: 25px;
margin-bottom: 0;
}
.mep-event-datetime {
padding: 0;
}
}

View File

@ -11,10 +11,6 @@ function mep_event_list($atts, $content=null){
ob_start(); ob_start();
?> ?>
<div class='mep_event_list'> <div class='mep_event_list'>
<div class="mep_cat-details">
<h1><?php echo get_queried_object()->name; ?></h1>
<p><?php echo get_queried_object()->description; ?></p>
</div>
<?php <?php
if($cat>0){ if($cat>0){
$args_search_qqq = array ( $args_search_qqq = array (

View File

@ -19,6 +19,7 @@ Features:
* Unlimited Organization * Unlimited Organization
* Unlimited Event * Unlimited Event
* Open Source * Open Source
* Responsive Design
* Developer Friendly * Developer Friendly
* Woocommerce Ready * Woocommerce Ready
* Use Shortcode [event-list] for showing all faq question. if you want to show a event list of any particular category use [event-list cat=ID]. * Use Shortcode [event-list] for showing all faq question. if you want to show a event list of any particular category use [event-list cat=ID].

View File

@ -26,8 +26,8 @@ $term_id = get_queried_object()->term_id;
$loop = new WP_Query( $args_search_qqq ); $loop = new WP_Query( $args_search_qqq );
while ($loop->have_posts()) { while ($loop->have_posts()) {
$loop->the_post(); $loop->the_post();
$event_meta = get_post_meta(get_the_id(),'mep_event_meta',true); $event_meta = get_post_custom(get_the_id());
$time = strtotime($event_meta['event_start_date']); $time = strtotime($event_meta['mep_event_start_date'][0]);
$newformat = date('Y-m-d H:i:s',$time); $newformat = date('Y-m-d H:i:s',$time);
@ -38,8 +38,9 @@ $term_id = get_queried_object()->term_id;
<div class="mep_list_thumb"><?php the_post_thumbnail('medium'); ?></div> <div class="mep_list_thumb"><?php the_post_thumbnail('medium'); ?></div>
<div class="mep_list_event_details"><a href="<?php the_permalink(); ?>"> <div class="mep_list_event_details"><a href="<?php the_permalink(); ?>">
<h2 class='mep_list_title'><?php the_title(); ?></h2> <h2 class='mep_list_title'><?php the_title(); ?></h2>
<h3 class='mep_list_date'>on <?php echo $event_meta['event_start_date']; ?> - <?php echo $event_meta['event_end_date']; ?></h3> <h3 class='mep_list_date'>on <?php echo $event_meta['mep_event_start_date'][0]; ?> - <?php echo $event_meta['mep_event_end_date'][0]; ?></h3>
<p><?php echo $event_meta['event_venue']; ?>,<?php echo $event_meta['event_street']; ?>, <?php echo $event_meta['event_city']; ?>,<?php echo $event_meta['event_state']; ?>,<?php echo $event_meta['event_postcode']; ?>,<?php echo $event_meta['event_country']; ?></p>
<p><?php echo $event_meta['mep_location_venue'][0]; ?>,<?php echo $event_meta['mep_street'][0]; ?>, <?php echo $event_meta['mep_city'][0]; ?>,<?php echo $event_meta['mep_state'][0]; ?>,<?php echo $event_meta['mep_postcode'][0]; ?>,<?php echo $event_meta['mep_country'][0]; ?></p>
</a> </a>
</div> </div>
</div> </div>

View File

@ -28,8 +28,8 @@ $term_id = get_queried_object()->term_id;
$loop = new WP_Query( $args_search_qqq ); $loop = new WP_Query( $args_search_qqq );
while ($loop->have_posts()) { while ($loop->have_posts()) {
$loop->the_post(); $loop->the_post();
$event_meta = get_post_meta(get_the_id(),'mep_event_meta',true); $event_meta = get_post_custom(get_the_id());
$time = strtotime($event_meta['event_start_date']); $time = strtotime($event_meta['mep_event_start_date'][0]);
$newformat = date('Y-m-d H:i:s',$time); $newformat = date('Y-m-d H:i:s',$time);
@ -40,8 +40,9 @@ $term_id = get_queried_object()->term_id;
<div class="mep_list_thumb"><?php the_post_thumbnail('medium'); ?></div> <div class="mep_list_thumb"><?php the_post_thumbnail('medium'); ?></div>
<div class="mep_list_event_details"><a href="<?php the_permalink(); ?>"> <div class="mep_list_event_details"><a href="<?php the_permalink(); ?>">
<h2 class='mep_list_title'><?php the_title(); ?></h2> <h2 class='mep_list_title'><?php the_title(); ?></h2>
<h3 class='mep_list_date'>on <?php echo $event_meta['event_start_date']; ?> - <?php echo $event_meta['event_end_date']; ?></h3> <h3 class='mep_list_date'>on <?php echo $event_meta['mep_event_start_date'][0]; ?> - <?php echo $event_meta['mep_event_end_date'][0]; ?></h3>
<p><?php echo $event_meta['event_venue']; ?>,<?php echo $event_meta['event_street']; ?>, <?php echo $event_meta['event_city']; ?>,<?php echo $event_meta['event_state']; ?>,<?php echo $event_meta['event_postcode']; ?>,<?php echo $event_meta['event_country']; ?></p>
<p><?php echo $event_meta['mep_location_venue'][0]; ?>,<?php echo $event_meta['mep_street'][0]; ?>, <?php echo $event_meta['mep_city'][0]; ?>,<?php echo $event_meta['mep_state'][0]; ?>,<?php echo $event_meta['mep_postcode'][0]; ?>,<?php echo $event_meta['mep_country'][0]; ?></p>
</a> </a>
</div> </div>
</div> </div>