Re: BP 1.5 Beta 3: Dropdown Menu: Clicking on drop down menu in Safari causes page reload but not in Fir
@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;*/
}`