Missing style sheet error when installing the theme
A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.
How to use Google Fonts with WildCommunity theme?
Open the WildCommunity/functions.php file and remove these code lines:
wp_enqueue_script('Cufon',get_template_directory_uri().'/font/cufon.js',false,'1.09i',false);
wp_enqueue_script('Titillium',get_template_directory_uri().'/font/Titillium_basic.font.js',false,'1.0',false);
Go to https://fonts.google.com, click on some font, then click on the Select this style, you should see the link to this font, for example:
<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
Paste code in the WildCommunity/header.php after
<head>
Then go to WP Dashboard -> Appearance -> Customize -> Additional CSS and paste following CSS (you should change the Open Sans name for your new font name):
body { font-family: 'Open Sans', sans-serif; }
I have trouble installing this theme.
If you see similar error:
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
then you are trying to upload whole file downloaded from ThemeForest. You have to unzip downloaded file -> compress WildCommunity folder to ZIP format and upload. Inside the Help folder you’ll find a documentation – make a double click on the index.html.
Where to change hover color of all buttons?
Open header.php file and change #df6e39
I would like to get rid of the search box in the upper right hand corner of the header. How do I do that?
Open footer.php and remove:
<div id="top-bar-right"> <?php get_search_form(); ?> </div><!--top-bar-right ends-->
How do I add my favicon?
wp-content/themes/WildCommunity/_inc/images/favicon.gif
How my users can change their avatars?
BuddyPress is integrated with Gravatar, so it means your users should open an account on the gravatar.com and change an avatar here.
I’m trying to select “Frontpage 1” page template but I don’t see it under Page Attributes.
You have to activate my theme first.
How to add a “Create an account” link to the login widget?
Open functions.php and find following class My_Login
Just after:
<input type="hidden" name="testcookie" value="1" />
paste following code:
<br /><br />
<?php if ( bp_get_signup_allowed() ) : ?>
<?php printf( __( '<a href="%s" title="Create an account">Create an account</a>', 'buddypress' ), site_url( bp_get_signup_slug() . '/' ) ) ?>
<?php endif; ?>
How to add the gallery avatar layout with just member names underneath each for the members page with the usual buddypress dropdown filter?
Now open _inc/css/default.css and replace:
#members-list li { border-bottom:1px solid #e7e7e7; }
for:
#members-list li { width:50px; height:50px; margin:0 20px 20px 0; text-align:center; float:left; }
Done, you can see result here: http://imm.io/K01m
How to change Georgia font (serif font)
Open _inc/css/default.css and replace “Georgia” for your new font (Verdana, Tahoma, Arial…)
Where to change styling of menu with “Popular, Active, Alphabetical, Newest” and “Home, Forum, Members” items?
Open _inc/css/default.css and find following style:
#object-nav { width:100%; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; overflow:hidden; font-size:10px; color:#cccccc; font-family:Georgia; margin-bottom:5px; }
#object-nav ul li a { color:#575757; font-family:Georgia; }
#object-nav ul li.current a { color:#323232!important; }
#members span { text-shadow:#ffffff 0px 0px 0px; font-family:Droid Sans; padding:3px 4px 3px 4px; border-radius:3px; }
When I go to the single group page then it redirects me to the group’s forum (groups/music/forum/). I want to be redirected to the Home of the single group (groups/music). How to do it?
frontpage1.php frontpage2.php frontpage3.php groups/groups-loop.php
... and replace (in few places):
<?php bp_group_permalink() ?>forumfor
<?php bp_group_permalink() ?>
How to create new widget areas?
Open functions.php and after following code:
register_sidebar(array(
'name' => 'Footer Right Column',
'id' => 'footer-column1',
'description' => 'This is a widgetized area.',
'before_widget' => '<div class="footer-column-box">',
'after_widget' => '</div>',
'before_title' => '<div class="footer-column-title">',
'after_title' => '</div>'
));
...paste:
register_sidebar(array(
'name' => 'New Widget Area 1',
'id' => 'new-widget-area-1',
'description' => 'This is a widgetized area.',
'before_widget' => '<div class="new-widget-area-1">',
'after_widget' => '</div>',
'before_title' => '<div class="new-widget-area-1-title">',
'after_title' => '</div>'
));
Now open some file like frontpage1.php and paste following code somewhere (this code will display your widgets):
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('new-widget-area-1')) : ?><?php endif; ?>
How to display default WP bar?
Open functions.php, remove:
if (!is_admin()) {
add_filter('show_admin_bar', '__return_false');
}
open footer.php and remove:
<div id="top-bar">
<div id="top-bar-center">
<div id="top-bar-left">
<?php if ( is_user_logged_in() ) : ?>
<div id="bar-user">
<div class="bar-avatar"><a href="<?php echo bp_loggedin_user_domain() ?>"><?php bp_loggedin_user_avatar( 'type=thumb&width=15&height=15' ) ?></a></div>
<div class="bar-username"><?php echo of_get_option('t-7', 'Hello' ); ?> <?php echo bp_core_get_userlink( bp_loggedin_user_id() ); ?> (<a href="<?php echo wp_logout_url( bp_get_root_domain() ) ?>"><?php _e( 'Log Out', 'buddypress' ) ?></a>)</div>
</div>
<?php if ( bp_is_active( 'messages' ) ) : ?>
<?php bp_message_get_notices(); /* Site wide notices to all users */ ?>
<?php endif; ?>
<?php else : ?>
<div class="top-login"><a href="<?php echo home_url(); ?>/login"><?php _e( 'Log In', 'buddypress' ); ?></a></div>
<?php if ( bp_get_signup_allowed() ) : ?>
<div class="top-register"> <?php echo of_get_option('t-6', 'or' ); ?> <?php printf( __( '<a href="%s" title="Create an account">Create an account</a>', 'buddypress' ), site_url( bp_get_signup_slug() . '/' ) ) ?></div>
<?php endif; ?>
<?php endif; ?>
<div class="clear" />
</div><!--top-bar-left ends-->
<div id="top-bar-right">
<?php get_search_form(); ?>
</div><!--top-bar-right ends-->
</div><!--top-bar-center ends-->
</div><!--top-bar ends-->
open _inc/css/default.css
and remove from “body” selector:
padding-top:36px;
How to integrate registration form with reCAPTCHA?
Try this plugin – http://wordpress.org/extend/plugins/buddypress-recaptcha/
Where to change links of menu, tabs, buttons…?
All colors are in style.css, here is the full list where to change colors of links:
a { ... color:#4b4b4b; } - GENERAL LINK COLOR
#navigation a {color: #4D4D4D;} - TOP MENU
#navigation ul ul a { color:#414141; } - DROP DOWN MENU ELEMENT
#navigation ul li ul li.current-menu-item a { color:#8a8a8a; } - SELECTED DROP DOWN MENU
#navigation ul li.current-menu-item a { color:#ffffff; } - SELECTED TOP MENU
#navigation ul li.current-menu-item ul li a { color:#414141; } - 3RD LEVEL OF MENU
a.more-link { ... color:#ffffff; ...} - READ MORE BUTTON
input#comment-submit { ... color:#f4f4f4; ...} - SUBMIT BLOG COMMENT
.wpcf7-submit { ... color:#ffffff!important; ... } - CONTACT FORM SUBMIT
#wp-submit, #signup_submit { ... color:#ffffff; ... } - LOGIN & REGISTRATION SUBMIT
#new-topic-button { ... color:#ffffff; } - NEW TOPIC BUTTON
#post-topic-reply #submit, #new-topic-post #submit, .my-account #submit { ... color:#ffffff; ... } - ADD REPLY AND OTHERS BUTTONS
#footer a { color:#9a9a9a; } - FOOTER
#sidebar .widget_recent_entries ul li a { color:#ffffff; ... } - RECENT POSTS WIDGET
.sidebar-box a { color:#5b5b5b; ... } - SIDEBAR
.right-login-logged a { color:#cccccc; } - LOGIN WIDGET
.front-box-title a { color:#ffffff; } - LINKS BELOW ICONS ON THE FRONTPAGE
.front-box-title2 a { color:#5b5b5b; } - LINKS BELOW ICONS ON THE FRONTPAGE
#tags-middle a { ... color:#5b5b5b; } - TAGS WIDGET
#tags-middle a:hover { background:#ff4546; } - HOVER OF TAGS WIDGET
.group-box-title a { ... color:#5f5f5f; ... } - TITLE BELOW THUMBNAILS
.group-box-title a:hover { color:#3b3b3b; } - HOVER OF TITLE BELOW THUMBNAILS
#object-nav ul li a { color:#575757; ... } - TABS
#object-nav ul li.current a { color:#323232!important; } - SELECTED TAB
#tabs-container .tabs-nav li a { ... color:#909090; } - OTHER TABS
#group-create-tabs ul li.current a, .activity-type-tabs ul li.current a { color:#222222; } - OTHER TABS
.top-login a { color:#a7a7a7; } - LOG-IN LINK ON THE TOP BAR
.top-register a { ... color:#ffffff; } - REGISTRATION LINK ON THE TOP BAR
.bar-username a { ... color:#cccccc; } - USER NAME ON THE TOP BAR
.comment-counter a { color:#1c191a!important; } - BLOG COMMENT ID
.thread-odd .comment-counter a { color:#212121!important; } - BLOG COMMENT ID (thread-odd)
.comment-body a { color:#d4d4d4; } - BLOG COMMMENT LINKS COLOR
.post-title a { color:#434343; } - BIG POST TITLE
.post-title-bottom-category a { ... color:#f3f3f3; } - CATEGORY BELOW BIG POST TITLE
.prev-post a:hover, .next-post a:hover { ... color:#ffffff; ... } - NEXT/PREVIOUS POST LINK HOVER
.activity-list li.load-more a {color: #939393;} - LOAD MORE
button, a.button, input[type=button], input[type=reset], ul.button-nav li a, div.generic-button a { color: #777; } - BUTTONS COLOR
div.admin-links a {color: #a7a7a7; } - DEFAULT BP STYLING
.topic-by a, .topic-in a { color:#393939; } - LINKS COLOR BELOW FORUM POST TITLE
How to remove the “Recent replies” from the footer?
Open footer.php and remove code inside the footer-col1 div
<div id="footer-col1"> ----CODE---- </div><!--footer-col1 ends-->
For some reason the group images are being stretched
You should upload 215×135px images. Also you can replace them manually on FTP here wp-content/uploads/group-avatars
Where to replace social icons on the footer?
They are loaded by footer.php and they are an the FTP server here:
wp-content/themes/WildCommunity/_inc/images/social-digg.png wp-content/themes/WildCommunity/_inc/images/social-facebook.png wp-content/themes/WildCommunity/_inc/images/social-stumbleupon.png wp-content/themes/WildCommunity/_inc/images/social-technorati.png wp-content/themes/WildCommunity/_inc/images/social-twitter.png
In the login widget is it possible to show new notifications or messages instead of it just saying “Hey username” after you logged in?
Open functions.php and paste following code
Unread messages - <?php echo messages_get_unread_count(); ?>
...just after:
<?php echo bp_core_get_userlink( bp_loggedin_user_id() ); ?>
How to change size of group thumbnails?
define( 'BP_AVATAR_THUMB_WIDTH', 50 ); define( 'BP_AVATAR_THUMB_HEIGHT', 50 ); define( 'BP_AVATAR_FULL_WIDTH', '215'); define( 'BP_AVATAR_FULL_HEIGHT', '135' );
Also open style.css and change size of thumpnails here:
.group-box { ... width:215px; ... height:245px; ... }
a.group-box-image { width:215px; height:135px; ... }
.single-group-box-image-container { width:215px; height:135px; ... }
Now open header.php and change crop tool ratio here:
aspectRatio: 1.59
How to create a child theme?
wp-content/themes/wildcommunity-child/with following folders and files
admin/ font/ images/ js/ functions.php options.php screenshot.png style.cssOpen style.css and paste following code:
/* Theme Name: WildCommunity Child Theme Tags: buddypress, two-columns, right-sidebar, fixed-width, flexible-width Template: WildCommunity */ /* Inherit the default theme styles */ @import url( ../WildCommunity/style.css );
Open functions.php and remove whole code.
Default Gravatar avatars are not displayed.
Go to Settings -> Discussions, check “Show Avatars” ad select “Identicon (Generated)” or something else. Save changes.
How to change user avatar size on the profile page?
.bp-user #item-header-avatar img { width:200px; height:200px; }
How to remove cufon font?
Open functions.php and remove:
wp_enqueue_script('Cufon',get_stylesheet_directory_uri().'/font/cufon.js',false,'1.09i',false);
wp_enqueue_script('Titillium',get_stylesheet_directory_uri().'/font/Titillium_basic.font.js',false,'1.0',false);
I removed cufon font and now instead of cufon font I want to use some font from Google Font.
Open header.php and paste such code:
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style type="text/css">
#text1, #text2, #page-title { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; }
</style>
before:
<?php echo of_get_option('analytics', ' ' ); ?>
Where to change style of tabs?
Style of tabs is defined in the _inc/css/default.css
#object-nav { width:100%; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; overflow:hidden; font-size:10px; color:#cccccc; font-family:Georgia; margin-bottom:5px; }
#object-nav ul li a { color:#575757; font-family:Georgia; }
#object-nav ul li.current a { color:#323232!important; }
#tabs-container .tabs-nav { overflow: hidden; font-size:13px; margin: 0 0 16px 0; padding:2px 3px 3px 3px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
#tabs-container .tabs-nav li { float: left; display:inline; margin: 0 20px 0 0; font-size:11px; font-family:Georgia; }
#tabs-container .tabs-nav li.last { margin-right: 0; }
#tabs-container .tabs-nav li a { display: block; border: 0; color:#909090; }
#tabs-container .tabs-nav li a.current { color:#484848; }
div.item-list-tabs#subnav { border-bottom:1px solid #ececec; overflow:hidden; font-size:10px; color:#9a9a9a; margin: 0px 0 5px 0; min-height: 18px; padding-bottom:7px; }
How to use theme without BuddyPress?
Open finctions.php and remove it – http://pastebin.com/rHaTDR9c
also remove
, bp_get_version()
in 3 places.
Open header.php and remove&& bp_is_blog_page()
How to make rtMedia plugin work?
How to display menu items without short description?
This author will respond to buyers' questions and provides limited support through their own support system.
View the item support policy
