Forum Replies Created

Viewing 15 replies - 16 through 30 (of 45 total)
  • I think you may have trouble finding a recent version of the theme higher, I could not find an update.

    the problem with the update to version > 3.6 is that the function
    has_shortcode conflicts with the in-built wordpress funtion has_shortcode

    Solution: replace all references

    has_shortcode

    in your functions.php file with

    has_shortcode_higher

    and your theme/website is running again!

    wptestert

    (@wptestert)

    In the mysql2date function use “l” instead of “D” to write the full daynames, so in sc_event-list.php on line 390:

    replace this

    $out = '<div class="event-weekday">'.mysql2date( 'D', $date ).'</div>';

    by this

    $out = '<div class="event-weekday">'.mysql2date( 'l', $date ).'</div>';
    wptestert

    (@wptestert)

    If you have set your language in your wp_config.php , the names of the days will appear in your langauge, for example for dutch:

    define('WPLANG', 'nl_NL');
    Forum: Plugins
    In reply to: [Event List] CSS in Widget
    wptestert

    (@wptestert)

    Give your widget a class or id, let’s say the id of your widget is mywidget (<div id=”mywidget”>)

    Then, copy all the styles from style.css and paste them underneath,

    Befiore all those styles, you need to paste #mywidget, so all these styles are referring only to the widget.

    #mywidget .event-list {
    	clear: both;
    }
    
    #mywidget ul.event-list-view, ul.single-event-view {
    	list-style: none !important;
    	margin: 1.5em 0 2em 0;
    	padding: 0;
    }
    
    ......... etc etc

    Modify all these styles to your liking, and you got what you need

    which version do you use?

    in the latest version you can use html tags, hyperlinks in the event location field

    you can use one of the jquery cycle or ticker scripts,
    here is one with only 4 lines of code, (asuming you already use jquery on your website)

    workshop.rs/2011/09/news-ticker-in-4-lines-of-jquery/

    I don’t know your knowledge of javascript, but you can
    replace all the #ticker id’s with .single-event-view class and it will work

    you can use one of the jquery cycle or ticker scripts,
    here is one with only 4 lines of code, (asuming you already use jquery on your website)

    I don’t know your knowledge of javascript, but you can
    replace all the #ticker id’s with .single-event-view class and it will work

    Hi,

    In the css of your theme the list item has the list-style ” list-style-type: disc”

    so, you’ll have to set the disc-style to “none”

    in event-list.css replace:

    li.event {
    	clear: both;
    	margin-top: -15px
    	margin: 0 0.5em 1.5em 0.5em;
    	zoom: 1; /* Fix for IE 6+7 */
    }

    by

    li.event {
           list-style: none !important;
    list-style-type: none !important;
    	clear: both;
    	margin-top: -15px
    	margin: 0 0.5em 1.5em 0.5em;
    	zoom: 1; /* Fix for IE 6+7 */
    }
    Forum: Plugins
    In reply to: [Event List] Widget use

    I am in the helping mood today, so here I go

    first, make these small changes in two files (latest version 0.6.4)

    – includes/sc_event-list.php

    on line 389, replace this:

    private function html_date( $date ) {
    		$out = '<div class="event-weekday">'.mysql2date( 'D', $date ).'</div>';
    		$out .= '<div class="event-day">'.mysql2date( 'd', $date ).'</div>';
    		$out .= '<div class="event-month">'.mysql2date( 'M', $date ).'</div>';
    		$out .= '<div class="event-year">'.mysql2date( 'Y', $date ).'</div>';
    		return $out;
    	}

    by this:

    private function html_date( $date ) {
    		//*custommod $out = '<div class="event-weekday">'.mysql2date( 'D', $date ).'</div>';
    	    $out .= '<div class="event-month">'.mysql2date( 'M', $date ).'</div>';
    		//*custommod first month, then day
    		$out .= '<div class="event-day">'.mysql2date( 'd', $date ).'</div>';
    	    $out .= '<div class="event-year">'.mysql2date( 'Y', $date ).'</div>';
    		return $out;
    	}

    then in the file:

    – includes/widget.php

    on line 178

    replace this:

    echo '<div style="clear:both"><a title="'.$instance['link_to_page_caption'].'" href="'.$instance[ 'url_to_page'].'">'.$instance['link_to_page_caption'].'</a></div>';

    by this:

    echo '<div style="clear:both"><a class="button" title="'.$instance['link_to_page_caption'].'" href="'.$instance[ 'url_to_page'].'">'.$instance['link_to_page_caption'].'</a></div>';

    and last, put this in your stylesheet, better put in your regular style.css, so it won’t be affected by updates of this great plugin:

    /* custommod event header styles */
    .header-widget .event-list .start-date, .event-list .end-date { width:100% !important;} /* overrule other styles */
    .header-widget .event-date {
    	float: left;
    	margin: 0 0.4em 1.5em 0;
    	float: left;
    	width: 52px;
    	text-align: center;
    	margin: 0 12px 5px 0;
    	border: solid 1px #bebebe;
    	background-color: #fff;
    	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
    	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    	background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    
    	border-radius: 5px;
    	box-shadow: 0 1px 1px rgba(0,0,0,.15);
    
    }
    
    .header-widget .event-list .start-date, .event-list .end-date {
    	text-align: center;
    	width: 3.2em;
    	border-radius: 5px;
    	background-color: rgb(230,230,230);
    }
    
    .header-widget .event-list .start-date {
    	float: left;
    }
    .header-widget div.start-date div {
    float: none;
    }
    .header-widget .event-list .end-date {
    	margin-left: 3.8em;
    }
    
    .header-widget .event-weekday {
    	font-size: 0.8em;
    	text-transform: uppercase;
    }
    
    .header-widget .event-day {
    	color: #666;
    	padding: 2px 0 1px;
    	font: bold 18px/100% Arial, Helvetica, sans-serif;
    	display: block;
    
    }
    
    .header-widget .event-month {
    	color: #fff;
    	font: 11px/100% Arial, Helvetica, sans-serif;
    	text-transform: uppercase;
    	letter-spacing: 1px;
    	display: block;
    	padding: 2px 0;
    	width: 100%;
    	position: relative;
    	left: -1px;
    	top: -1px;
    	border: solid 1px #a11216;
    	background-color: #e0161d;
    	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    	background-image: -moz-linear-gradient(top,  rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
    	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    	background-image: linear-gradient(to bottom,  rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    
    	box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    }
    
    .header-widget .event-year {
    		color: #999;
    	padding: 0 0 4px;
    	font: 10px/100% Arial, Helvetica, sans-serif;
    	display: block;
    }
    
    .header-widget  .event-title h3 {
    color: #fff;
    }
    
    .header-widget .button {
    	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    	background-color:#ededed;
    	-webkit-border-top-left-radius:4px;
    	-moz-border-radius-topleft:4px;
    	border-top-left-radius:4px;
    	-webkit-border-top-right-radius:4px;
    	-moz-border-radius-topright:4px;
    	border-top-right-radius:4px;
    	-webkit-border-bottom-right-radius:4px;
    	-moz-border-radius-bottomright:4px;
    	border-bottom-right-radius:4px;
    	-webkit-border-bottom-left-radius:4px;
    	-moz-border-radius-bottomleft:4px;
    	border-bottom-left-radius:4px;
    	text-indent:0px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	color:#777777;
    	font-family:arial;
    	font-size:14px;
    	font-weight:bold;
    	font-style:normal;
    	height:22px;
    	line-height:22px;
    	width:142px;
    	text-decoration:none;
    	text-align:center;
    	text-shadow:1px 1px 0px #ffffff;
    }
    .header-widget .button:hover {
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    	background-color:#dfdfdf;
    }
    
    .header-widget .button:active {
    	position:relative;
    	top:1px;
    }
    
    /* custommod event header styles */

    OK, so you use it as a workaround to be able to show events from one specific year,

    In this case, use for 2015:

    [event-list cat_filter=2015 show_filterbar=false num_events=20 show_nav=false]

    In your code you filter by category “2014”.
    It seems that you have created a category “2014” with all the items dated in 2014, and probably also a category “2015” with items dated in 2015.

    So there ARE events in 2015, that’s why “2015” (not the category, but the year) shows up in the filterbar.

    There is no reason to define those categories, so I would not use cat_filter=2014.

    You also asked how to get rid of the filderbar, use:

    [event-list show_filterbar=false num_events=20 show_nav=false]

    you need a lot of horizontal space for that, makes me curious about your design ?? a layout with a long horizontal scrollbar? you can allways float the event list items, so you could experiment with: (but dont style them like this in the sidebar ?? )

    <style> ul li.event { clear:none; width:??px; float:left !important;} </style>

    With breadcrumbs you mean the filterbar? 2015 has no events, while it is appearing in the filter, which is strange,

    another thing: your general stylesheet is interfering with the layout, all your list items have a background-property (the blue check), you can put this in your stylesheet to remove that style in the event list:

    ul li.event, ul.hlist li {
    background-image: none !important; }
Viewing 15 replies - 16 through 30 (of 45 total)