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} */
.container {background-image: linear-gradient(top, #ff2121, #800 125px, transparent 125px, transparent 100%);
background-image: -webkit-linear-gradient(top, #ff2121, #800 125px, transparent 125px, transparent 100%)}
/* .header {position:relative; height:66px} */
.logo-header {top:12px !important; left:-5px}
/* 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:'35,906'; 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}
/** YELLOW/GREEN/ORANGE LINKS **/
a.yellowlink:link, a.yellowlink:visited { color: gold; border-bottom: 1px dotted #777; }
a.yellowlink:hover { color: #c00; border-bottom: 1px dotted #777; }
a.greenlink:link, a.greenlink:visited { color: mediumspringgreen; opacity: 0.9; border-bottom: 1px dotted #777; }
a.greenlink:hover { color: #c00; border-bottom: 1px dotted #777; }
a.orangelink:link, a.orangelink:visited { color: darkorange; border-bottom: 1px dotted #777; }
a.orangelink:hover { color: #c00; border-bottom: 1px dotted #777; }
a.lightorangelink:link, a.lightorangelink:visited { color: #ffba66; border-bottom: 1px dotted #777; }
a.lightorangelink:hover { color: #c00; border-bottom: 1px dotted #777; }
a.fundraiserlink:link, a.fundraiserlink:visited { color: gold !important; border-bottom: 1px dotted #777; }
a.fundraiserlink:hover { color: orange !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-blue:link, a.fundraiserlink:visited { color: #87CEEB !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-blue:hover { color: #00BFFF !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-red:link, a.fundraiserlink-red:visited { color: #BA1F1F !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-red:hover { color: #ff2121 !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-red-reverse:link, a.fundraiserlink-red-reverse:visited { color: #FF2121 !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-red-reverse:hover { color: #BA1F1F !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-dark:link, a.fundraiserlink-dark:visited { color: #272625 !important; border-bottom: 1px dotted #777; }
a.fundraiserlink-dark:hover { color: #ff2121 !important; border-bottom: 1px dotted #777; }
/** RED LINKS (was #f00 and #c00) **/
a.redlink:link, a.redlink:visited { color: #ff2121; opacity: 1; border-bottom: 1px dotted #666; }
a.redlink:hover { color: #f00; border-bottom: 1px dotted #999; }
/** BUTTONFUNDRAISER **/
.button.buttonfundraiser {background-color: #BA1F1F} /** was mediumspringgreen, deepskyblue, dodgerblue, slateblue, #4960A0, #1EA88A **/
.button.buttonfundraiser:hover { background: #BA1F1F; opacity:0.75 }
.button.buttonfundraiser a {color: white} /* was white */
/** BUTTON RED **/
.button.red {background-color: #ff2121}
/** EVENTON ADMIN LOCATION POPUP FIX **/
.select2-drop {
z-index: 100000;
}
/** PRETTYPHOTO **/
.pp_description {display: none !important}
.pp_social {display: none}
/** ADD TO ANY FLOATING ICONS BACKGROUND */
.a2a_floating_style { background: none !important }
/** CAMPFYRE PLAYER CSS */
@media screen and (max-width: 767px) {
#campfyre {width: 300px !important; height: 169px !important}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
#campfyre {width: 460px !important; height: 258.75px !important}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
#campfyre {width: 460px !important; height: 258.75px !important}
}
/** CSS FOR FUNDRAISE UP BUTTON IN TOP + BOTTOM MENU **/
/* .mainNav #fun-widget-navmenu { width: 123px; margin: -12px 0px 0px 16px }
.bottomNav #fun-widget-navmenu { width: 123px; margin-left: 16px }
#fun-widget-navmenu { width: 123px; margin: -20px 0px 0px 16px } */
#fun-widget-navmenu { width: 116px; margin: -24px 0px 0px 15px }
.bottomNav #fun-widget-navmenu { margin-top: 0px !important }
/** CSS FOR TABBY RESPONSIVE ACCORDIONS PLUGIN USED ON /DONATE PAGE **/
/* ------ wordpress.org/plugins/tabby-responsive-tabs/ ------ */
/* .responsive-tabs .responsive-tabs__heading {
display: none;
}
.responsive-tabs .responsive-tabs__list__item {
display: inline;
cursor: pointer;
}
.responsive-tabs-wrapper {
clear: both;
margin-bottom: 20px;
zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
content: "";
display: table;
}
.responsive-tabs-wrapper:after {
clear: both;
}
.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
outline: 1px solid transparent;
}
.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
outline: none;
}
.responsive-tabs ul.responsive-tabs__list {
font-size: 18px;
line-height: 18px;
margin: 20px 0 0 12px;
padding: 0;
}
.responsive-tabs .responsive-tabs__list__item {
background: transparent;
border: 1px solid transparent;
border-bottom: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #999;
font-size: 18px;
line-height: 19px;
text-transform: inherit;
margin: 1px 12px 0 0;
padding: 10px 12px 10px;
white-space: nowrap;
float: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.responsive-tabs .responsive-tabs__list__item .fa {
margin-right: 8px;
line-height: 0.8;
}
.responsive-tabs .responsive-tabs__list__item:hover {
color: #333;
background: transparent;
}
.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
background: #fff;
border-color: #ddd;
color: #666;
padding-bottom: 11px;
margin-top: 0;
position: relative;
top: 1px;
}
.responsive-tabs .responsive-tabs__panel {
background: #fff;
border: 1px solid #ddd;
border-top: 1px solid #ddd;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
clear: left;
margin-bottom: 0;
padding: 20px 20px 0;
word-wrap: break-word;
}
.responsive-tabs .responsive-tabs__panel:after {
content: "";
display: block;
height: 0;
clear: both;
}
@media (min-width: 768px) {
.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
display: block;
}
}
@media (max-width: 767px) {
.responsive-tabs .responsive-tabs__list {
display: none;
}
.responsive-tabs .responsive-tabs__heading {
display: block;
cursor: pointer;
}
.responsive-tabs-wrapper {
border-top: 0px solid #ccc;
}
.responsive-tabs .responsive-tabs__heading {
background: #dadada; /* was ffe4b5 */
/* border: 0px solid #ccc;
border-top: none;
color: #ff2121; /* was ff2121 */
/* font-size: 15px;
font-weight: bold;
text-transform: inherit;
margin: 0;
padding: 10px 0;
padding-left: 20px;
position: relative;
margin-top: 10px;
}
.responsive-tabs .responsive-tabs__heading .fa {
margin-right: 12px;
display:inline;
color: #ff2121; /* was ff2121 */
/* font-size: 18px;
}
.responsive-tabs .responsive-tabs__heading:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #777;
content:"";
display: block;
position: absolute;
right: 20px;
top: 20px;
height: 0;
width: 0;
}
.responsive-tabs .responsive-tabs__heading:hover {
background: #eee;
color: #777;
}
.responsive-tabs .responsive-tabs__heading:hover:after {
border-top: 6px solid #777;
}
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
background: #dadada; /* was ffe4b5 */
/* color: #ff2121; /* was ff2121 */
}
/* .responsive-tabs .responsive-tabs__heading--active:after,
.responsive-tabs .responsive-tabs__heading--active:hover:after {
border-bottom: 6px solid #ff2121; /* was ff2121 */
/* border-top: 0;
top: 18px;
}
.responsive-tabs .responsive-tabs__panel {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top: none;
margin: 0;
padding: 0 20px;
padding-top: 20px;
color: #595d64;
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 13.5px;
}
}
@media print {
.noprint,
.responsive-tabs .responsive-tabs__list {
display: none;
}
.responsive-tabs h2.tabtitle {
display: block!important;
}
.responsive-tabs .responsive-tabs__heading {
background: none;
border: none;
display: block;
font-size: 22px;
font-weight: bold;
text-transform: inherit;
margin: 0!important;
padding: 10px 0 0;
}
.responsive-tabs .responsive-tabs__panel {
display: block!important;
background: none;
border: none;
padding: 0;
}
}
/** END TABBY RESPONSIVE ACCORDION CSS **/
/** HIDE ACCORDIONS PLUGIN PREVIEW - needed to prevent Formstack required fields from preventing saving of an accordion
This can be added to the accordion's CSS itself using the Custom Scripts tab in the plugin
.accordion-preview { display: none !important } **/
/** RESTORE EDITING CAPABILITY OF ACCORDIONS PLUGIN
* Presence of [Formstack] shortcodes completely breaks ability to edit or save Accordions used on /donate page
* Workaround: Export JSON from settings tab; remove brackets from [formstack...] shortcode instances in JSON .txt file; upload edited JSON .txt file to FTP; import new JSON into Accordions settings tab; update tab content and save; lastly, restore brackets to [formstack] shortcode instances and re-save; update to new [accordions id=”n”] on page **/
/** Hide Top Ads on desktop, but show on mobile (useful during fundraiser) **/
/** @media (min-width:641px) {
.header-adds { display: none !important }} **/
/** ADD BRIGHTNESS TO HEADER SOCIAL MEDIA ICONS **/
.social-header {filter: brightness(500%)}
.mainNav li a {color:white}
.logo-bottom {padding-top: 3px}
/** MOBILEGIVE REDIRECT ADD QUERY STRINGS **/
/** Line ~320 of EQUIVALENT MOBILE REDIRECT plugin: equivalent-mobile-redirect/equivalent-mobile-redirect.php, replace:
else { wp_redirect( $data['url'], 302);
with
else { wp_redirect( $data['url'] . '?' . $_SERVER['QUERY_STRING'] , 302); **/
/** ARPRICE CONFLICTS WITH SHORTCODE EXEC PHP **/
/** ARPrice tables cannot be created, edited, saved, or cloned while Shortcode Exec PHP is active **/
/** Blink effect for FREE GIFT
*/