I messed something up in Epic: custom-css.php

[Joe Clark]

I go this error message: Parse error: syntax error, unexpected ‘}’ in /home/impactho/public_html/wp-content/themes/epic/includes/custom-css.php on line 35

I’m having trouble locating the trouble. Help?

impacthoustonchurch.org

I’ve included the code below:

<?php
/**
* The custom css generator.
*
* This file takes the custom styling from
* the theme options page and adds it to the
* header.php file.
*
* @package WordPress
* @subpackage Epic
* @since 1.0.0
*/

add_action( ‘tha_head_bottom’, ‘organizedthemes_custom_css_hook’ );
function organizedthemes_custom_css_hook( ) {

?>

<!– Custom CSS –>

<style type=’text/css’>

<?php

if ( !of_get_option( ‘disable_fonts’ ) ) {

$output = ”;
$input = ”;

if ( of_get_option( ‘body_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘body_font’ ) , ‘body’);
}

if ( of_get_option( ‘site_title_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘site_title_font’ ) , ‘#text-logo p, #text-logo h1, .outside #text-logo h1, .outside #text-logo p’);
}
if ( of_get_option( ‘heading_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘heading_font’ ) , ‘h1, h2, h3, h4, h5, h6’);
}
if ( of_get_option( ‘tagline_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘tagline_font’ ) , ‘#tagline h2, #tagline p’);
}
if ( of_get_option( ‘navigation_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘navigation_font’ ) , ‘header.primary .menu li’);
}

if ( of_get_option( ‘widget_title_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘widget_title_font’ ) , ‘h3.widget-title, h2.widget-title’);
}

if ( of_get_option( ‘action_widget_title_font’ ) ) {
$output .= options_typography_font_styles( of_get_option( ‘action_widget_title_font’ ) , ‘.widget.action h3.widget-title, .widget.action h2.widget-title’);
}

if ( $output != ” ) {
$output = $output ;
echo $output;
}

}

?>

body, body.light { background: <?php if(of_get_option(‘background_image’, $single = true) != “”){ ?>url(<?php echo of_get_option(‘background_image’, ” ); ?>)<?php } ?> <?php echo of_get_option(‘background_color’, ” ); ?> <?php echo of_get_option(‘background_repeat’, ” ); ?> <?php echo of_get_option(‘background_attachment’, ” ); ?> <?php echo of_get_option(‘background_position_horizontal’, ” ); ?> <?php echo of_get_option(‘background_position_vertical’, ” ); ?>;
<?php if(of_get_option(‘background_size’, $single = true) != “”){ ?>
-moz-background-size: <?php echo of_get_option(‘background_size’, ” ); ?>;
-webkit-background-size: <?php echo of_get_option(‘background_size’, ” ); ?>;
background-size: <?php echo of_get_option(‘background_size’, ” ); ?>; <?php } ?> }

<?php if(of_get_option(‘link_color’, $single = true) != “”){ ?>
a, a:visited, body.light a, body.light a:visited, body.light #tribe-events-content h2.entry-title a, body.light #tribe-events-content h2.entry-title a:visited, body.dark #tribe-events-content h2.entry-title a, body.dark #tribe-events-content h2.entry-title a:visited {color: <?php echo of_get_option(‘link_color’, ” ); ?> }
<?php } ?>
<?php if(of_get_option(‘link_color_hover’, $single = true) != “”){ ?>
a:hover, body.light a:hover, #tribe-events-content h2.entry-title a:hover {color: <?php echo of_get_option(‘link_color_hover’, ” ); ?> }
<?php } ?>
<?php if(of_get_option(‘logo_color’, $single = true) != “”){ ?>
#text-logo a, #text-logo a:visited { color: <?php echo of_get_option(‘logo_color’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘logo_color_hover’, $single = true) != “”){ ?>
#text-logo a:hover { color: <?php echo of_get_option(‘logo_color_hover’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘navigation_background_color’, $single = true) != “”){ ?>
header.primary,
body.light header,
header.primary .menu li ul,
body.light header.primary .menu li ul { background-image: none; background-color: <?php echo of_get_option(‘navigation_background_color’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘navigation_link_color’, $single = true) != “”){ ?>
header.primary a,
header.primary a:visited,
header.primary ul li ul li a:hover,
body.light header.primary a,
body.light header.primary a:visited,
body.light header.primary ul li ul li a:hover { color: <?php echo of_get_option(‘navigation_link_color’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘navigation_link_color_hover’, $single = true) != “”){ ?>
header.primary .menu li a:hover,
header.primary .menu li ul li a:hover,
body.light header.primary li a:hover,
body.light header.primary .menu li ul li a:hover { color: <?php echo of_get_option(‘navigation_link_color_hover’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘navigation_link_color_hover_background’, $single = true) != “”){ ?>
header.primary .menu li a:hover,
header.primary .menu li ul li a:hover,
body.light header.primary li a:hover,
body.light header.primary .menu li ul li a:hover { background-color: <?php echo of_get_option(‘navigation_link_color_hover_background’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘navigation_divider_color’, $single = true) != “”){ ?>
header.primary .menu li a,
header.primary .menu li a:visited {
border-color: <?php echo of_get_option(‘navigation_divider_color’, ” ); ?>;
}
<?php } ?>
<?php if(of_get_option(‘tagline_color’, $single = true) != “”){ ?>
#tagline p, #tagline h2, body.light #tagline p, body.light #tagline h2 { color: <?php echo of_get_option(‘tagline_color’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘tagline_margin’, $single = true) != “”){ ?>
.outside #tagline { margin-top: <?php echo of_get_option(‘tagline_margin’, ” ); ?>px; }
<?php } ?>
<?php if(of_get_option(‘heading_color’, $single = true) != “”){ ?>
h1, h2, h3, h4, h5, h6,
body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6 { color: <?php echo of_get_option(‘heading_color’, ” ); ?> }
<?php } ?>
<?php if(of_get_option(‘content_text’, $single = true) != “”){ ?>
.wrap { color: <?php echo of_get_option(‘content_text’, ” ); ?> }
<?php } ?>
<?php if(of_get_option(‘content_background’, $single = true) != “”){ ?>
body.dark .wrap, body.light .wrap { background-image: none !important; background-color: <?php echo of_get_option(‘content_background’, ” ); ?> !important; }
<?php } ?>
<?php if(of_get_option(‘footer_color’, $single = true) != “”){ ?>
footer.primary p, footer.primary a, footer.primary a:visited, body.light footer.primary, body.light footer a, body.light footer.primary a:visited { color: <?php echo of_get_option(‘footer_color’, ” ); ?> }
<?php } ?>
<?php if(of_get_option(‘widget_title’, $single = true) != “”){ ?>
h2.widget-title, h3.widget-title, .widget-title a, .widget-title a:visited, body.light h2.widget-title, body.light h3.widget-title, body.light .widget-title a, body.light .widget-title a:visited { color: <?php echo of_get_option(‘widget_title’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘widget_title_background’, $single = true) != “”){ ?>
h2.widget-title, h3.widget-title, body.light h2.widget-title, body.light h3.widget-title { background-color: <?php echo of_get_option(‘widget_title_background’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘widget_text’, $single = true) != “”){ ?>
.widget, body.light .widget { color: <?php echo of_get_option(‘widget_text’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘widget_background’, $single = true) != “”){ ?>
.widget, body.light .widget { background-color: <?php echo of_get_option(‘widget_background’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘button’, $single = true) != “”){ ?>
a.button,
input.button,
input[type=”button”],
input[type=”submit”],
body.light a.button,
body.light input.button,
body.light input[type=”button”],
body.light input[type=”submit”],
ul.social-icons li a,
body.light ul.social-icons li a,
select.tinynav { color: <?php echo of_get_option(‘button’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘button_background’, $single = true) != “”){ ?>
a.button,
input.button,
input[type=”button”],
input[type=”submit”],
body.light a.button,
body.light input.button,
body.light input[type=”button”],
body.light input[type=”submit”],
ul.social-icons li a,
body.light ul.social-icons li a,
select.tinynav { background-color: <?php echo of_get_option(‘button_background’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘button_hover’, $single = true) != “”){ ?>
a:hover.button,
input:hover.button,
input:hover[type=”button”],
input:hover[type=”submit”],
body.light a:hover.button,
body.light input:hover.button,
body.light input:hover[type=”button”],
body.light input:hover[type=”submit”],
ul.social-icons li a:hover,
body.light ul.social-icons li a:hover { color: <?php echo of_get_option(‘button_hover’, ” ); ?>; }
<?php } ?>
<?php if(of_get_option(‘button_background_hover’, $single = true) != “”){ ?>
a:hover.button,
input:hover.button,
input:hover[type=”button”],
input:hover[type=”submit”],
body.light a:hover.button,
body.light input:hover.button,
body.light input:hover[type=”button”],
body.light input:hover[type=”submit”],
ul.social-icons li a:hover,
body.light ul.social-icons li a:hover { background-color: <?php echo of_get_option(‘button_background_hover’, ” ); ?>; }
<?php } ?>

<?php if(of_get_option(‘custom_css’, $single = true) != “”){ ?>
<?php echo of_get_option(‘custom_css’, ” ); ?>
<?php } ?>

</style><!– End Custom CSS –>

<?php
}

[Bill Robbins]

Hey Joe,

Sorry about that. Those files can be quite finicky. The quickest way to fix it would be to download the theme again. Then copy the file out of the includes folder and paste its content into the editor to replace what’s there.

That should get you back to square one. While you’re welcome to edit that file, it’s not commonly altered. All it really does is load the styling options from the theme options page and adds them to the front end of the site.

To add in custom styling, you would generally add it to the custom CSS box that’s in the styling tab of the theme options page.

If you have any trouble, let me know.

Thanks,
Bill

[Author]

Posts