BuddyPress.org

@boonebgorges, I cleared the browser cache and got the same results. I reset Safari, other than my passwords, and got the same results. My parent theme is bp-default. I changed from my child theme to bp-default and the dropdown behaves properly. I haven’t changed any core files. So, now I’m a bit stuck. My child theme works in Firefox but not Safari (for the dropdown). Could you point me in some direction that I can troubleshoot where this could be happening?

In my child’s folder, I have the header, footer, and functions php files, the style.css file, an images folder, and an “includes/fonts” folder for the @fontface fonts that style.css loads. I have not edited any of the parent’s files.

Thanks!

@boonebgorges, okay Boone, I’ve spent the last 6 hrs 16 minutes on this. I have determined where the issue is occurring but I do not know how to fix it. But first here’s the calibration I eventually got to: I re-installed WordPress and Buddypress (yep, I’m getting faster reinstalling this stuff). I created a new child theme; that is, a new style.css file and a new functions.php file to enqueue the child’s style.css file. Here’s the code for my functions.php file:

`<?php

function bp_dtheme_enqueue_styles() {
// Bump this when changes are made to bust cache
$version = ‘20110804’;

// Default CSS
wp_enqueue_style( ‘bp-default-main’, get_template_directory_uri() . ‘/_inc/css/default.css’, array(), $version );

wp_enqueue_style( ‘bp-child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(), $version );

// Right to left CSS
if ( is_rtl() )
wp_enqueue_style( ‘bp-default-main-rtl’, get_template_directory_uri() . ‘/_inc/css/default-rtl.css’, array( ‘bp-default-main’ ), $version );
}

add_action( ‘wp_print_styles’, ‘bp_dtheme_enqueue_styles’ );

?>`

Should be no issue there. With the new stylesheet I started adding back my old code starting at the very top. I didn’t have to go very far at all. It failed at the body selector (at the very bottom of this post); specifically, the @font-face font that the stylesheet loaded. I took it out; I replaced it with verdana or helvetica. No issues. I cycled through all of the @font-face fonts and each one produced the error. Note: The @font-face fonts rendered properly on every page but failed when I clicked on a “dropdown-style” field as described in my first post. Do you have any recommendations? Am I supposed to enqueue the fonts just as I had the stylesheet? If so, how would that be done? Thanks!

Note: I commented out a few declarations in the body selector to help narrow down which declaration could be the issue. And just like Firefox, this works fine in Chrome 13.0.782.220.

`/*
Theme Name: My BP Default Child Theme 1
Theme URI: http://folio.com
Description: This is my first Buddypress Default Child Theme
Author: Quint A. Rahaman, Jr.
Template: bp-default
Tags: buddypress, two-column, grey, dark
*/

/* RESET – http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*

---

*/

body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

/* Clear Floats */
.col-full:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 8, 2011 */

@font-face {
font-family: ‘FontSiteSansRoman’;
src: url(‘includes/fonts/includes/fonts/fontsitesans-roman-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-roman-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-roman-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-roman-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-roman-webfont.svg#FontSiteSansRoman’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdItalic’;
src: url(‘includes/fonts/bergamostd-italic-webfont.eot’);
src: url(‘includes/fonts/bergamostd-italic-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-italic-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-italic-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-italic-webfont.svg#BergamoStdItalic’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdRegular’;
src: url(‘includes/fonts/bergamostd-regular-webfont.eot’);
src: url(‘includes/fonts/bergamostd-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-regular-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-regular-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-regular-webfont.svg#BergamoStdRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansCondensed’;
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-cond-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-cond-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-cond-webfont.svg#FontSiteSansCondensed’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansUltraLight’;
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.svg#FontSiteSansUltraLight’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘StMarieThin’;
src: url(‘includes/fonts/stmarie-thin-webfont.eot’);
src: url(‘includes/fonts/stmarie-thin-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/stmarie-thin-webfont.woff’) format(‘woff’),
url(‘includes/fonts/stmarie-thin-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/stmarie-thin-webfont.svg#StMarieThin’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdItalic’;
src: url(‘includes/fonts/bergamostd-italic-webfont.eot’);
src: url(‘includes/fonts/bergamostd-italic-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-italic-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-italic-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-italic-webfont.svg#BergamoStdItalic’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdItalic’;
src: url(‘includes/fonts/bergamostd-italic-webfont.eot’);
src: url(‘includes/fonts/bergamostd-italic-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-italic-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-italic-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-italic-webfont.svg#BergamoStdItalic’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdRegular’;
src: url(‘includes/fonts/bergamostd-regular-webfont.eot’);
src: url(‘includes/fonts/bergamostd-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-regular-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-regular-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-regular-webfont.svg#BergamoStdRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘BergamoStdRegular’;
src: url(‘includes/fonts/bergamostd-regular-webfont.eot’);
src: url(‘includes/fonts/bergamostd-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/bergamostd-regular-webfont.woff’) format(‘woff’),
url(‘includes/fonts/bergamostd-regular-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/bergamostd-regular-webfont.svg#BergamoStdRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansCondensed’;
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-cond-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-cond-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-cond-webfont.svg#FontSiteSansCondensed’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansCondensed’;
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-cond-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-cond-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-cond-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-cond-webfont.svg#FontSiteSansCondensed’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansRoman’;
src: url(‘includes/fonts/fontsitesans-roman-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-roman-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-roman-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-roman-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-roman-webfont.svg#FontSiteSansRoman’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansRoman’;
src: url(‘includes/fonts/fontsitesans-roman-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-roman-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-roman-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-roman-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-roman-webfont.svg#FontSiteSansRoman’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansUltraLight’;
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.svg#FontSiteSansUltraLight’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘FontSiteSansUltraLight’;
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot’);
src: url(‘includes/fonts/fontsitesans-ultralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.woff’) format(‘woff’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/fontsitesans-ultralight-webfont.svg#FontSiteSansUltraLight’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘StMarieThin’;
src: url(‘includes/fonts/stmarie-thin-webfont.eot’);
src: url(‘includes/fonts/stmarie-thin-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/stmarie-thin-webfont.woff’) format(‘woff’),
url(‘includes/fonts/stmarie-thin-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/stmarie-thin-webfont.svg#StMarieThin’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘StMarieThin’;
src: url(‘includes/fonts/stmarie-thin-webfont.eot’);
src: url(‘includes/fonts/stmarie-thin-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘includes/fonts/stmarie-thin-webfont.woff’) format(‘woff’),
url(‘includes/fonts/stmarie-thin-webfont.ttf’) format(‘truetype’),
url(‘includes/fonts/stmarie-thin-webfont.svg#StMarieThin’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

#sidebar{display:none;}
div#content .padder{margin-right:0px; border-right-width:0px;}

body { font-family: ‘FontSiteSansRoman’, helvetica, sans-serif;
/* font-size: 0.75em;
line-height: 1.5em;*/
color: #3e3e3e;
background: url(“images/bg.png”) repeat fixed 0 0 #f6f0d6;
/* max-width: none;
width: 100%;*/
/* position: relative;*/
}`

@boonegorges, thanks. I commented out that block. No change. I went back to Font Squirrel and instead of uploading my fonts to their font generator, I just downloaded one of their free kits: Calligraffiti. I then commented out all of the old @face-fonts, added in this new one to my style.css, went through the same routine, and got the same result. This is strange. Could you try with that font or any font kit from Font Squirrel? I assume the Date picker field is in the same genre as a “drop down” field…picking either one results in the total reload of Safari.

http://www.fontsquirrel.com/fontface

@boonegorges, you rock! I added the additional css and nervously hovered over that infamous drop down field, crossed my fingers, and clicked on it. It worked! I have to say that was even better than my first bite of a slice of New York pizza!!!!!!! Thank you so much for digging into this!