responsive and cat template issue fixed
This commit is contained in:
magepeopleteam
parent
88a25a962d
commit
c2361ac506
202
css/style.css
202
css/style.css
|
|
@ -260,4 +260,204 @@ margin: 0;
|
|||
padding: 0;
|
||||
margin: 20px 0 5px 0;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -11,10 +11,6 @@ function mep_event_list($atts, $content=null){
|
|||
ob_start();
|
||||
?>
|
||||
<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
|
||||
if($cat>0){
|
||||
$args_search_qqq = array (
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@ Features:
|
|||
* Unlimited Organization
|
||||
* Unlimited Event
|
||||
* Open Source
|
||||
* Responsive Design
|
||||
* Developer Friendly
|
||||
* 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].
|
||||
|
|
|
|||
|
|
@ -26,8 +26,8 @@ $term_id = get_queried_object()->term_id;
|
|||
$loop = new WP_Query( $args_search_qqq );
|
||||
while ($loop->have_posts()) {
|
||||
$loop->the_post();
|
||||
$event_meta = get_post_meta(get_the_id(),'mep_event_meta',true);
|
||||
$time = strtotime($event_meta['event_start_date']);
|
||||
$event_meta = get_post_custom(get_the_id());
|
||||
$time = strtotime($event_meta['mep_event_start_date'][0]);
|
||||
$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_event_details"><a href="<?php the_permalink(); ?>">
|
||||
<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>
|
||||
<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>
|
||||
<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['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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -28,8 +28,8 @@ $term_id = get_queried_object()->term_id;
|
|||
$loop = new WP_Query( $args_search_qqq );
|
||||
while ($loop->have_posts()) {
|
||||
$loop->the_post();
|
||||
$event_meta = get_post_meta(get_the_id(),'mep_event_meta',true);
|
||||
$time = strtotime($event_meta['event_start_date']);
|
||||
$event_meta = get_post_custom(get_the_id());
|
||||
$time = strtotime($event_meta['mep_event_start_date'][0]);
|
||||
$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_event_details"><a href="<?php the_permalink(); ?>">
|
||||
<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>
|
||||
<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>
|
||||
<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['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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue