and
conflicts when Magazine widgets are used on pages
Register more Magazine sidebars as needed in child theme functions.php (removing any later will shift remaining items up, changing contents of sidebars below the one removed)
In parent functions.php, update small-nivo-thumb to 620x350
In parent comments.php add id="commentform" to opening form tag to work with comment validation plugin, change "Leave A Response" to "Leave A Comment"
In parent theme's js/jquery.tweet.js:
revise template: {avatar}{text}
» {time}
revise in function relative_time(date): return '' + r;
revise var time = ''+tweet_relative_time+'';
^^^ UPDATE TO ABOVE
Implement https://github.com/StanScates/Tweet.js-Mod so Twitter API 1.1 works with Backstreet widgets, disable cache
Make corresponding template/relative_time(date)/var time changes as above
In parent theme's panel/reedwan-framework.php:
after 'bottomNav' add register_nav_menu('mobileNav', __('Mobile Navigation', 'Backstreet'));
In parent theme's js/custom.js:
Comment out entire User's Time section to avoid conflict with Formstack
In parent theme's functions.php:
Comment out "Exclude page from search" section to enable backend search
Enable page thumbnails for public search results: add 'page' to add_theme_support('post-thumbnails', array('post','reviews','gallery','portfolio','page'));
Register ascending order magazine widgets:
include_once('panel/widgets/1-column-magazine-widget-concertlist.php');
include_once('panel/widgets/2-column-magazine-widget-concertlist.php');
In parent theme's panel/widgets:
In regular 1-column-magazine-widget.php, add 'style="height:65px"' to block-small/description div (corrects vertical spacing for long post titles)
Copy and rename 1-column-magazine-widget-concertlist.php and 2-column-magazine-widget-concertlist.php (used for reverse-sorted concert lists)
Within each, add '_concertlist' to all references of the widget name in top section.
Use Advanced Custom Fields plugin to add DisplayDate and SortDate fields.
In '$recent_posts' array, add to end of array (once in 1-column, twice in 2-column):
'orderby' => 'meta_value_num',
'meta_key' => 'SortDate',
'order' => 'ASC'
Remove from "big-title" and "des-title" divs
Replace contents of "magz-meta" divs with ""
Add "magz-meta" div and contents above to "block-small-noimage" div
In "block-small" add 'style="height:65px"' to "description" div
*/
/* Fix margin, links style, carousel spacing for Magazine widgets */
div.magazine-widget h3 {margin:0pt}
div.magazine-widget a {font-weight:normal}
div.magazine-widget .wrapper-carousel ul li {padding-left:0px}
/* Update Nivo slider height */
#slider-wrapper, #slider-wrapper #slider {height:350px}
/* Add background image to header */
.container {background:#272625 url('../../uploads/2012/06/headerbackground.jpg') no-repeat top}
.header {position:relative; height:85px}
/* Remove website from comment form */
#commentform #url, #commentform label[for="url"] {display:none}
#commentform #email {margin-bottom:100px}
/* Hide page title */
.page-line-title {display:none}
/* Re-color top menu hover */
.mainNav li a:hover {color:#bbb}
/* Set column shortcodes to 100% on mobile devices */
/* Mobile (Portrait) Width 320px
* ------------------------------------------------------- */
@media only screen and (max-width: 767px) {
.one_half, .one_half.last, .one_third, .one_third.last, .two_third, .two_third.last, .one_fourth, .one_fourth.last, .three_fourth, .three_fourth.last {width:100%; float:left}
}
/* Mobile (Landscape)
* ------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.one_half, .one_half.last, .one_third, .one_third.last, .two_third, .two_third.last, .one_fourth, .one_fourth.last, .three_fourth, .three_fourth.last {width:100%; float:left}
}
/* Tablet (Portrait)
* ------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.one_half, .one_half.last, .one_third, .one_third.last, .two_third, .two_third.last, .one_fourth, .one_fourth.last, .three_fourth, .three_fourth.last {width:100%; float:left}
}
/* Youtube Playlist wrappers to add responsiveness */
/* http://webdesignerwall.com/tutorials/css-elastic-videos */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 2px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-wrapper {width: 600px; max-width: 100%;}
/* Social Counter Widget */
.social-counter-wrapper { overflow:hidden; background:url(../Backstreet/images/dark/bg-pattern.png) repeat; padding:10px 10px 0 10px; margin-bottom:35px; }
.social-counter { background:#272625; float:left; text-align:center; width:70px; padding:10px; margin: 0 5px 10px 0; }
.social-counter.facebook-count { margin:0; }
.social-counter .social-count { color:#ebebeb; font-size:18px; padding-top:5px; }
.social-counter .social-descrip { color:#ebebeb; font-style:italic;}
.social-counter a { margin-left:19px; }
.social-counter.no-right{margin-right:0;}
.Feedburner-count a{ background:url(../Backstreet/images/dark/social-icons/rss-counter.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Twitter-count a{ background:url(../Backstreet/images/dark/social-icons/twitter-counter.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Facebook-count a{ background:url(../Backstreet/images/dark/social-icons/facebook-counter.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.YouTube-count a{ background:url(../Backstreet/images/dark/social-icons/youtube-counter.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Vimeo-count a{ background:url(../Backstreet/images/dark/social-icons/Vimeo.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Dribbble-count a{ background:url(../Backstreet/images/dark/social-icons/Dribbble.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Forrst-count a{ background:url(../Backstreet/images/dark/social-icons/Forrst.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
.Digg-count a{ background:url(../Backstreet/images/dark/social-icons/Digg.png) no-repeat; background-size: 33px 33px; width:33px; height:33px; display:block; }
/* Fix HTTPS plugin to allow external JS reference: originally for WePay, unsure whether should be removed?
In wp-content/plugins/wordpress-https/lib/WordPressHTTPS/Module/Parser.php:
Comment out "if ( $extension == 'js' ) {$type = 'script';} else" in "public function fixExtensions"
*/
/* Add styling to post links */
.single-content strong a {border-bottom: 1px dashed #777}
/* Move post title to below featured image
In child single.php, move 'single-title-wrap' div to below both 'endif' closing tags which surround 'single-thumb' div
*/
/* Edit Post Meta Display */
.single-title-wrap {margin-top: 5px}
.single-title h1 {margin-top: 0px}
.single-info {padding-top: 0px}
.single-author, .single-comment {display: none}
.single-date {margin-left: 0px}
/* Set Formstack dropdown width */
#field19749770, #field21422278, #field21477580, #field30695772 {width:99%}
#field16827945, #field16779721 {width:96%}
#fsCell21286187 {display:none}
/* For new Sticker Request form */
#fsForm2262673 .fsSectionHeader {margin: 0px 0px -15px 2px}
#fsForm2262673 {padding-top:10px}
#fsForm2262673 .fsPreviousButton .fsFull {visibility:hidden; position:relative; width:20px}
#fsForm2262673 .fsPreviousButton .fsFull:before {visibility:visible; position:absolute; top:0; left:0; content="Back"}
#field39563200, #field39567820, #field39568879, #field39568593, #field39568962, #field39569031 {width:98%; height:40px}
#field39564018, #field39569551, #field39567821, #field39568880, #field39568595, #field39568963, #field39569032 {width:98%}
/* Use Sprite for background images */
.spotlight-title {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: 164px -1627px;
}
#searchbutton {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -10px;
}
.social-header ul li.facebook a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -46px;
}
.social-header ul li.twitter a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -90px;
}
.social-header ul li.google a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -134px;
}
.social-header ul li.youtube a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -179px;
}
.social-header ul li.deviantart a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -223px;
}
.social-header ul li.rss a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -267px;
}
.facebook-count a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1471px;
}
.twitter-count a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1523px;
}
.YouTube-count social-counter no-right a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1575px;
}
ul.newsticker li {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1671px;
}
.magazine-widget .block-small-noimage {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1671px;
}
h5.toggle a {
background-image: url(//radiou.com/wp-content/themes/Backstreet-child/spriteme1.png);
background-position: -10px -1708.5px;
}
/* Adjust styling of attribution line of Testimonials plugin */
.pixelovely_testimonial_attribution {font-style: normal !important; font-weight:normal !important; float: right !important}
/* Changes YouTube count to views in socialbox widget */
.YouTube-count .social-count {visibility:hidden}
.YouTube-count .social-count:before {position:absolute; content:'33,096'; visibility:visible; display:block; margin-left:6px}
.YouTube-count .social-descrip {visibility:hidden}
.YouTube-count .social-descrip:before {position:absolute; content:'Views'; visibility:visible; display:block; margin-left:19px}
/* Sets theme pretty checklist icon position */
.checklist li { background-position: left top !important}
/* In Theme Functions add below to set oEmbed default width:
if ( ! isset( $content_width ) ) $content_width = 600;
*/
/* Don't remember what below items are from... */
.gm-style-iw {color:black}
.at-below-post {margin-top:25px !important}
.awesome-weather-header {text-align:left !important; padding: 10px 0px !important}
.awesome-weather-more-weather-link {display:none !important}
.awesome-weather-attribution { display: none; }
.rpt_recommended { display:none !important }
.rpt_title { text-align:center !important }
/** Highlight **/
.highlight1 { background:#ff9; color:#000; font-weight:bold }
.highlight2 { background:#9ff; color:#000; font-weight:bold }
/** PopUp Plugin **/
#spu-25089 .spu-box h1, .spu-box p {margin:0px !important}
#spu-25089 div.wppb-wrapper div.inside{color:#000 !important; font-size:120%}
#spu-25089 .spu-close {color:#fff !important}
/** Correct # comments display in Magazine widgets
In panel/widgets, update 1-column-magazine-widget and 2-column-magazine-widget update any instance of
to
*/
/** SHOUTCAST PLAYER **/
.thumbsHolder { text-align:center !important}
/** Blink effect for FREE GIFT
*/