Frequently Asked Questions
Installation & Upgrade
01. I’m having trouble uploading the theme: „The package could not be installed. The theme is missing the style.css stylesheet“
02. What’s the easiest way to upgrade to the latest version?
03. I’ve been trying to install the Dummy Content but when I press the button, nothing happens. What can I do?
Settings
01. How to set a page as the front page?
02. Is it possible to turn off responsiveness?
03. How do I change WordPress log in page back to default?
04. Im trying to translate this Theme, but no matter where I put the .PO and .MO I can not see my translations on the frontend.
05. How can I change the day from which my week will start in calendar?
06. How to make „News“ page like in your live preview?
07. How do I set a time and date for the count down timer for next event?
Content Setup
01. How to add ‚Latest Sermon:..‘ block between slideshow and content area?
02. At the bottom of my page it has the leave a comment box how do i rid my pages of that?
03. How to add embeded video in slideshow?
04. How to add/remove border to image?
05. I would like to create the little picture boxes like the three on the home page, how do I do that?
06. How do you use the shortcodes?
07. How to remove the events from appearing in the top header section and replace with html objects?
08. How to add a map to a page, like on your contact page?
09. How do I change the url of each page created?
10. How can I re-order the slide/gallery posts in my slideshow/gallery?
11. I have no post or page names/titles on my site. Please help!
12. How can I get Social Media Icons shortcodes to the widget area and also align them to center or right istead of left?
13. Slideshow options are not working. Please Help!
14. How to set event end time?
15. My calendar gets crazy when the mouse passes on Saturday. How can I get rid of this?
16. How do I add a download button to the audio player?
17. How to embed a @font-face to ChurcHope?
18. How to get 3 teasers on top of the sidebar and 2 articles beginning as shown on the Churchope example?
Other
01. Is there a way to separate the color of the navigation bar from the color of the slider background?
02. How do you change the link for the ribbon top right corner?
03. How to remove the ribbon from top right corner?
04. Curious about the breadcrumbs though … Im not getting them on my site, and dont see an option to turn on or off.
05. Where can I find my secret API Key?
06. Where can I check the changes implemented in the theme updates?
07. How can I get refund?
08. What is the best way to create image for „Color Header Image“ use?
CSS Tweaks
01. How to change the menu background color?
02. How to change the menu text color?
03. How to change the menu font size?
04. How to apply a different font just for the main menu text?
05. How can I center main menu?
06. How do I change the font to bold in the menu?
07. How to reduce top navigational menu height?
08. How to change the hover color of the dropdown menu?
09. How to remove post excerpt from ‚most recent‘ blog shortcode on homepage?
10. I want to have the Header, the Slider and the Footer at my home page. How can I get rid of the main content area?
11. How can I make the main content area at my home page smaller?
12. How can I make the header for logo smaller/larger?
13. How can I change the color of the teaser secondary line „more info“?
14. How to remove Tags & Categories from post header?
15. How can I remove image magnification feature from the thumbnails?
16. How to change spacing in slideshow title?
17. How to change the color of „DAYS“, „HR“, „MIN“ and „SEC“ at the header Next Event countdown section?
18. How do I disable page title to appear in pages?
19. How to increase font size in theme?
20. How can I change content text line height?
21. How do I increase the font size in the pages and posts general body text?
22. Would want to increase the spacing between sentences for a easier read.
23. I am trying to make the “send a message” contact form’s text black on the site.
24. How to change the padding around the logo?
25. I would like to add more space between the logo and the counter in the header.
26. Is there a way to move the teaser title to bottom of featured image?
27. How to change the color of the testimonial author in widget?
28. How to change the color of the “buttons” shortcode?
29. I need space between logo and widget.
30. How can I change the color of the call to action button on the main slider?
31. How can I adjust the padding on the slider?
Installation & Upgrade
I’m having trouble uploading the theme to WordPress: „The package could not be installed. The theme is missing the style.css stylesheet“
You need to extract downloaded archive. It contains documentation and .psd files besides the theme files.
What’s the easiest way to upgrade to the latest version?
First of all, you need to find out what version of theme is installed. You can check it in your Dashboard -> Appereance -> Themes.
If your theme version is less than v.1.9, then please download a new version of our theme:
- Go to downloads tab in your Themeforest account and simply download our theme again.
- Upload theme files via FTP.
- Don’t forget to make a backup.
Starting Version 1.9 we have developed a new functionality to update our theme.
Now you can update Churchope theme directly from your dashboard.
- Go to your Dashboard -> Theme Options -> Theme Updater.
- Fill in your ThemeForest User Account Information form.
- Go to Themeforest Dashboard.
- Click “My settings” tab.
- Click “API keys” menu on left side of page.
- Generate API key on this page and copy it.
- After that you can find “Update” menu item in your Dashboard and update notification icon in your admin menu.
- Click any of them.
- Scroll to “Themes” section and click “Update Themes” button.
To get your Themeforest API key you need to:
However, update theme via FTP still works fine, you can use it if you prefer.
Don’t forget to make backup of your theme files before update, if you modified theme files.
I’ve been trying to install the Dummy Content but when I press the button, nothing happens. What can I do?
This may be, because:
- You didn’t installed theme correctly.
- You didn’t wait until it was installed.
- Some plugins can casue JS error. Try to turn off plugins if you have any installed.
Also try to install our theme on clean WordPress installation.
Settings
How to set a page as the front page?
You need to set your Frontpage in Settings -> Reading
Is it possible to turn off responsiveness?
![responsive](https://churchope.themoholics.com/wp-content/uploads/2012/08/responsive.png)
You can tur on responsiveness from admin panel.
Go to Theme Options -> General and switch „Disable responsive“ to on.
How do I change WordPress log in page?
You can change design of login page easily without plugins. There are a lot of tutorials on the web on how to do it, i.e.:
http://shailan.com/3004/customizing-wordpress-login-page-without-plugin/
Our theme has an option to disable theme login page styling: Dashboard->Theme Options -> General -> Disable login page styling
Im trying to translate this Theme, but no matter where I put the .PO and .MO I can not see my translations on the frontend.
You need save your translation in theme root i.e. as pt_BR.mo and after that edit wp-config.php in root of the site. Search for: define (‘WPLANG’, ‘pt_BR’);
You can learn more here:
http://codex.wordpress.org/Installing_WordPress_in_Your_Language
How can I change the day from which my week will start in calendar?
You should go to your Dashboard -> Settings -> General and set the necessary day in „Week Starts On“ dropdown menu at the bottom.
How to make „News“ page like in your live preview?
- Go to your Dashboard -> Pages -> Add new and set its title as „News“.
- Go to your Dashboard -> Settings -> Reading and select this page as your posts page.
How do I set a time and date for the count down timer for next event?
You should create your event first. The widget will take its settings automatically.
Content Setup
How to add ‚Latest Sermon:..‘ block between slideshow and content area, like on front page?
There are additional widget area between the header and content. You can enable it by choosing Under title sidebar instance in “Title area settings” block below the editor on any page/post or event post.
You need to create custom sidebar for this area and place there your widgets.
On the Frontpage of our preview was used basic text widget with following content:
[three_fourth]<h2>Latest Sermon: Not a Fan: The Open Invitation - February 12, 2012</h2> [/three_fourth] [one_fourth last=last] [button type="churchope_button" url="http://themeforest.net/item/churchope-responsive-wordpress-theme/2708562" target="" ]Download Latest Sermon[/button] [/one_fourth]
At the bottom of my page it has the leave a comment box how do i rid my pages of that?
There are Screen options tab at the top in WP admin panel. Expand it and check Discussion and Comments. After that a new metabox will appear at the bottom of the page, where you can turn off comments.
How to add embeded video in slideshow?
Starting version 1.3 our theme has slideshow shortcode that gives you possibility to easily add video to slideshow and also provides pause/resume function. The slide ain’t going to switch to the next one while video is playing.
All you need to do is click on video shortcode button/icon, at the editor panel in visual mode, and paste your url in popup:
Sample code of slide with video:
[one_half]
<h3 class="entry-title">YOUTUBE, VIMEO OR SELFHOSTED VIDEOS</h3>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.
[/one_half]
[one_half last=last][thvideo w="100%" h="260px"]http://player.vimeo.com/video/34783883[/thvideo] [/one_half]
How to add/remove border to image?
If you add image using standart WordPress uploader it will be inserted into post with frame. To remove this frame you need to switch to HTML mode in editor and remove this class: imgborder
Example of an image with frame:
<img src="https://churchope.themoholics.com/.../sample.jpg" alt="" class="alignnone size-full wp-image-1805 imgborder" />
If you need to add frame to image, add class imgborder.
Another example of an image with frame:
<img src="https://churchope.themoholics.com/.../sample.jpg" alt="" class="imgborder" />
I would like to create the little picture boxes like the three on the home page, how do I do that?
Three boxes on front page is a teaser shortcodes.
When you edit page/post switch to visual mode and you’ll see shortcode buttons(icons) on editor panel. Click on teaser shortcode button. Popup with options will appear.
There are two ways to make teaser:
1. Using post/page: “Choose a template”.
In this case it will use post title and featured image for teaser title and image.
2. Using direct link to image “Type your image URL here”.
Check this page to see how teaser shortcode should look like:
http://churchope.themoholics.com/shortcodes/teasers/
How do you use the shortcodes?
There a shotcode buttons/icons in visual mode when you edit post/page. Simply click the one you need. You’ll see popup with different option for diferent shortcodes.
Check this page: http://churchope.themoholics.com/shortcodes/
How to remove the events from appearing in the top header section and replace with html objects?
It is additional widget area in header.
Go to Appearance -> Widgets, seach for „Header sidebar“ at the right side, remove events countodwn widget and drag in widget that you need from the left side.
How to add a map to a page, like on your contact page?
You can find New map button just below the editor when you edit page.
Note: This feature was added in version 1.3 of our theme.
How do I change the url of each page created?
You can do it in two ways:
- Go to Dashboard->Pages->All Pages, click „Quick Edit“ and edit the „Slug“ field.
- Go to a single page and click the „Edit“ button just under the title field.
How can I re-order the slide/gallery posts in my slideshow/gallery?
You should edit publish time or date of your slideshow/gallery post.
I have no post or page names/titles on my site. Please help!
Title is not displayed when the slideshow is setup on the post/page because it covers the same area.
How can I get Social Media Icons shortcodes to the widget area and also align them to center or right istead of left?
- Go to the editing area of your page/post and place the necessary social medias between the
<div style="text-align:right"> ...here... </div>
tags using shortcodes.
- Go to Dashboard -> Appearance -> Widgets and drag the „Text“ widget to necessary sidebar at the right of the page.
- Copy & paste the resulting code to the „Text“ widget and click „Save“.
Slideshow options are not working. Please Help!
Make sure that you make them in a proper way:
- You can set global slideshow at your Dashboard -> Theme Options -> Slideshows
- Or single page slideshow at a certain page in the „Slideshow Options“ block, which you can find scrolling down the page.
You can learn here „How to Add Slideshow to specific page/post“. - Also check the permissions of your wordpress files. They should be 644(files), 755(directories).
How to set event end time?
You can see events functionality in our documentaion: http://churchope.themoholics.com/online-documentation/how-to-events/
My calendar gets crazy when the mouse passes on Saturday. How can I get rid of this?
Most likely, you have zoomed page in your browser. Try to press ctrl+0.
How do I add a download button to the audio player?
Please check this topic: http://help.themoholics.com/discussion/comment/1094#Comment_1094
How to embed a @font-face to ChurcHope?
Please check this topic: http://help.themoholics.com/discussion/545/how-to-embed-a-font-face-to-churchope#Item_6
How to get 3 teasers on top of the sidebar and 2 articles beginning as shown on the Churchope example?
Please check this topic: http://help.themoholics.com/discussion/612/how-to-get-3-teasers-on-top-of-the-sidebar-and-2-articles-beguining-as-shown-on-the-churchope-exempl#Item_2
Other
Is there a way to separate the color of the navigation bar from the color of the slider background?
Add next CSS rule to Dashboard->Theme options->Custom Styles
.mainmenu {background-color:green}
How do you change the link for the ribbon top right corner?
You can find it at Dashboard->Theme Options->Header: „Call to action header ribbon URL“.
How to remove the ribbon from top right corner?
Go to Dashboard->Theme Options->Header: and make „Call to action header ribbon URL“ field completely empty, even without spaces!
Curious about the breadcrumbs though … Im not getting them on my site, and dont see an option to turn on or off.
We decided to use this must have plugin for breadcrumbs: http://wordpress.org/extend/plugins/wordpress-seo/
You can activate breadcrumbs on “Internal links” page of this plugin.
This plugin is free and have a lot of nice features, so we recommend to use it.
Where can I find my secret API Key?
You should follow this link: Envanto Knowledgebase
Where can I check the changes implemented in the theme updates?
You can check updates list at the very bottom of the product page.
How can I get refund?
We are only the authors on envato marketplace. We only provide technical support for our themes.
All questions regarding billing, refund etc should be addressed to envato support: http://support.envato.com/
You can also check their knowledgebase: http://support.envato.com/index.php?/Knowledgebase/Article/View/256/0/can-i-get-a-refund-for-an-item-i-have-purchased.
It is not easy to receive refund, because there should be a good reason.
So we suggest you to ask presale questions first to make sure that this theme will work for you, instead of asking for refund in future.
What is the best way to create image for „Color Header Image“ use?
Try to use a JPEG type of image with a low quality – around 40-50.
You can follow this link for more information.
CSS Tweaks
How to change the menu background color?
Add following code in Theme Options -> Custom Styles:
.mainmenu {background-color:#ffffff}
How to change the menu text color?
Add following code in Theme Options -> Custom Styles:
.sf-menu > li > a {color:#0076C7}
How to change the menu font size?
Add following code in Theme Options -> Custom Styles:
.sf-menu > li > a {font-size:20px}
How to apply a different font just for the main menu text?
Add following code in Theme Options -> Custom Styles:
.sf-menu > li > a {font-family:Arial, Helvetica, sans-serif;}
How can I center main menu?
Add following code in Theme Options -> Custom Styles:
@media only screen and (min-width: 768px) {
.mainmenu .grid_12 { width: 100%; margin: 0 16px;}
.main_menu { float:none!important;}
.main_menu .sf-menu { margin:0 auto; display:table;}
}
How do I change the font to bold in the menu?
Add following code in Theme Options -> Custom Styles:
.main_menu {
font-weight: 700;
}
How to reduce top navigational menu height?
Add next rules to your custom styles:
@media only screen and (min-width: 768px) {
.main_menu { min-height: 20px; height: auto; }
.sf-menu > li, .sf-menu > li > a { height: 38px; }
.sf-menu > li:hover > ul, .sf-menu > li.sfHover > ul { top: 38px; }
}
How to change the hover color of the dropdown menu?
Add next rule to your custom styles:
.sf-menu ul li:hover, .sf-menu ul li.sfHover { background: red; }
How to remove post excerpt from ‚most recent‘ blog shortcode on homepage?
Add next rule to your custom styles:
.home .entry-content p { display: none; }
I want to have the Header, the Slider and the Footer at my home page. How can I get rid of the main content area?
Add next rules to your custom styles:
.home #main, .home #sticky-footer-push { display: none; }
How can I make the main content area at my home page smaller?
Add next rules to your custom styles:
.home #main { padding-bottom: 10px; padding-top: 23px; }
How can I make the header for logo smaller/larger?
Add next rules to your custom styles:
.logo span, .logo img { margin: 5px 0; }
How can I change the color of the teaser secondary line „more info“?
Add next rule to your custom styles:
.teaser_more { background-color: green !important; }
How to remove Tags & Categories from post header?
Add next rule to your custom styles:
.blogtitles p { display: none; }
How can I remove image magnification feature from the thumbnails?
Add next rule to your custom styles:
.imghover { display: none; }
How to change spacing in slideshow title?
Add next rule to your custom styles:
.cycle_content h3.entry-title { line-height: 1.3em; }
How to change the color of „DAYS“, „HR“, „MIN“ and „SEC“ at the header Next Event countdown section?
Add next rules to your custom styles:
header .grid_6 .widget_event li .descr { color: red; opacity: 1; }
How do I disable page title to appear in pages?
Add following code in Theme Options -> Custom Styles:
#pagetitle {
display: none;
}
How to increase font size in theme?
Add following code in Theme Options -> Custom Styles:
body {font-size:20px}
And how can I change content text line height?
Add following code in Theme Options -> Custom Styles:
.entry-content {line-height:150%}
How do I increase the font size in the pages and posts general body text?
Add following code in Theme Options -> Custom Styles:
.entry-content {font-size:20px}
Would want to increase the spacing between sentences for a easier read.
Add following code in Theme Options -> Custom Styles:
#main .grid_8 h6, #main .grid_12 h6 {
line-height: 150%;
word-spacing:10px;
}
I am trying to make the “send a message” contact form’s text black on the site.
Add following code in Theme Options -> Custom Styles:
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: black;
}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
color: black;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: black;
}
input, select, textarea {
color: black;
}
How to change the padding around the logo?
Add following code in Theme Options -> Custom Styles:
.logo span, .logo img {
padding: 15px 0;
}
I would like to add more space between the logo and the counter in the header.
Add following code in Theme Options -> Custom Styles:
header .widget-title, header .expiration-timer { float: right !important; }
Is there a way to move the teaser title to bottom of featured image?
Add following code in Theme Options -> Custom Styles:
.teaser_title {top:50%}
How to change the color of the testimonial author in widget?
Add following code in Theme Options -> Custom Styles:
.testimonial_author {color:red !important}
How to change the color of the “buttons” shortcode?
Add following code in Theme Options -> Custom Styles:
.churchope_button {background-color:greean}
I need space between logo and widget.
Add following code in Theme Options -> Custom Styles:
header .widget {float:right}
How can I change the color of the call to action button on the main slider?
Add following code in Theme Options -> Custom Styles:
a.cycle_btn {
background-color:blue;
box-shadow: 0 1px 0 0 navy, 0 2px 0 0 navy, 0 3px 0 0 navy;
}
How can I adjust the padding on the slider?
Add following code in Theme Options -> Custom Styles:
.bgimage { padding: 50px 0 60px; }
Also, you will need to change auto resize height values at /js/script.js search for: 110 and adjust it two times.