responsive and cat template issue fixed
This commit is contained in:
parent
88a25a962d
commit
c2361ac506
202
css/style.css
202
css/style.css
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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 (
|
||||||
|
|
|
@ -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].
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue