639 comments found.
Hi Thanks for your help. But it still not working for me. I have 1.3.0 version. In header.php your code is present already just instead ’.menu a’ there is ’#menu a’. I have change as per your code but still not working. Please look into it and help.
Please create a wp user for me and send an email with this issue and the login details, so i will be able to check what’s going wrong there. Cheers, Erik
Hi Where I can find your email address.I have create User.
You can send it via my profile’s contact form here. Thanks, Erik
@eriktailor we have purchased the theme and @panki_m is customizing for us, please send the updated code to me.
$('.menu a').smoothScroll({
speed: 800,
offset: -90
});
After you located it, wrap this snippet like this:
<?php if( is_page_template('template-home.php') ){ ?>
$('.menu a').smoothScroll({
speed: 800,
offset: -90
});
<?php } ?>
So now the scrolling script will only loads on the home page and will not prevent the regular navigation on the subpages. Cheers, Erik
Hi! I would like to know if exists the possibility to add some html code to slider? ex: Some catch form instead of image. Thank you!
Hey, there’s no built-in option to add html code in the slider from the admin panel, but you are always free to customize the template file of slider with your own code. Cheers, Erik
Hi, I have use these Flatbook theme and create beautiful site but on that I have observe that on my navigation when I move to any single page and try to come back to Home page section.(like In my site Blog is single page and home page have Author,Book,Review(Testimonial) section.) it won’t move to that particular Section.This problem is not only on my local It also occur on my server too. In your Theme demo it work smoothly. Go to blog page and coming back to pricing section. Kindly help me for any solution.
Hey there, i’m glad you enjoyed working with our theme. Actually the described issue was a bug in the earlier versions of the theme, for now it has been fixed.
By the way, i don’t see your purchased badge, you may bought the theme from another account? If yes, please drop me a comment from it or just send me your purchase code as a verification, than i will be able to send you the code snippet with the fix for your issue. Cheers, Erik
Just a shout-out to Erik for being so on top of things with support. Whenever I’ve had questions, he was back to me with an answer more promptly than I expected.
Although I have a lot of experience in WP and Blogger blogs and sites in general, this was my first foray into using WP for a site. Flatbook made it much easier to implement than any of the other WP themes I’ve tried before. Great job, Erik, and thanks!
Thanks for the positive feedback Bobby, i much appriciate it and happy that you enjoyed working with our theme!
Cheers, Erik
Hey,
Great theme! My book has 9 Chapters. When I add the 9th Chapter to chapter overviews is doesn’t get hidden. Ie: it is below the 4 visible chapters. I want to make it hidden until someone clicks the ‘show more’ button like the other 4 chapters.
Please help
Hello and thanks for your purchase. Actually this is a bug in the theme from our side – what will be fixed in the next update – until then, you can fix it manually if you open up your custom.js file in the /js folder (within your theme files) and on line 163 change this:
hiddenChapters = $(".chapter-ov:eq(4), .chapter-ov:eq(5), .chapter-ov:eq(6), .chapter-ov:eq(7)");
to this:
hiddenChapters = $(".chapter-ov:eq(4), .chapter-ov:eq(5), .chapter-ov:eq(6), .chapter-ov:eq(7), .chapter-ov:eq(8)");
$('<div class="clearfix" />').insertAfter('.chapter-ov:eq(3), .chapter-ov:eq(7)');
And it should fix it. Let me know how it worked out. Happy editing! Erik
Thanks, worked perfectly!
What is the best way to upload a sample chapter that has a lot of text and images (like a textbook). I have a pdf viewer doing it currently but it is too small and illegible.
Thanks a lot.
Hello and thanks for your purchase. The default way to upload it is by copying the content from the pdf and paste it into the corrseponding sample chapter’s editor area in the wordpress admin.
If your content is really really long – what doesn’t worth to text it and to upload every image – i suggest to open your pdf in a web browser and save a full website screenshot with a browser addon featuring such capatibilities and upload as one long image. Cheers, Erik
Thanks. Is there a way to make the tablet viewer window wider?
I figured it out. Thanks
Great! Happy editing! Erik
Hi,
I’m trying to change the hover effect of the grey button (which I changed from grey) and it is not picking up on the hover effects, no matter what I do in the coding. Can you help?
Many thanks,
Hello and thanks for your purchase. Your code doesn’t affect the hover color because it’s defined for from the default theme colors.
To change it, open up fb_colors.php file from the /includes folder, and write your code the the very bottom of it with the !important rule to override the theme defaults. For example:
.btn.grey:hover { background: red !important; }
thanks!
Thanks for answering so quickly!
I have a problem. I have installed different plugins that use shortcodes to bring up their features but their features are not showing up. This is happening with a few plugins that rely on shortcodes.
Any insight?
Thank you
Hello and thanks for your purchase! Some of the fields in the Theme Options panel don’t accept shortcodes by default, try to use shortcodes in the page content editor fields, those will certainly accept it. It may still need css styling to fit the design of theme, but it’s up to you as we are not able to provide support for third party plugins. Happy editing! Erik
Hi,
I’m trying to select a google font but I don’t see it in the drop down list. I tried adding it to the code too, but that didn’t work.
How can I go about this?
Thanks.
Hi and thanks for your purchase, here’s how to do that: open up fb_colors.php file from the /includes folder, and on line 67 change this:
{font-family: '<?php echo $fb_heading_font_str; ?>' !important;}
to this:
{font-family: 'yourFontName' !important;}
And it should work if you linked the font correctly. Happy editing! Erik
Hi,
I have purchased your theme and am really enjoying it!
Regarding the slider, I have three slides in it. Is there a way to make each slide have a separate background image or must they all be the same?
Also, I want to add a ‘contact’ link to the footer, linking to the contact form. How would I do that?
Thanks!
Thanks!
Hey and thanks for your purchase, i’m happy you enjoyed working with my theme!
1.) Unfortunately there’s no option for having different background for each slide, it’s not that kind of slider.
2.) Go to Dashboard > Appearance > Menus and select “Links” from the box on the left, than add your site url completed with #contact-us. So the URL should look like this:
http://www.yoursite.com/#contact-us
Happy editing! Erik
Thanks for the reply, Won’t this menu go to the nav bar? I’d like to add links to the footer.
Oh sorry, i thought you need it in the top navigation. Any way, open up your footer.php file and complete line 14 with this:
<p><a href="/#contact-us">Contact Us</a></p>
Hi Erik, I had all the site looking good. Now the CSS I added for lists no longer seems to be having an effect. Here’s what I have:
.sample-content > ul {margin-bottom: 20px;} .sample-content li {line-height: 20px; margin: 0 0 10px 30px; list-style: disc outside;} .sample-content > ol {margin-bottom: 20px;} .sample-content ol li {line-height: 20px; margin: 0 0 10px 35px; list-style: decimal outside;}
.page-full li { line-height: 20px; margin: 0 0 10px 30px; list-style: disc outside; }
.post ol {margin-bottom: 20px;} .post ul li, .post ul li {margin: 0 0 0 30px; padding: 0;}
.post ol li {margin: 0 0 0 35px;}
.post ol, .post ul {margin: 0; padding: 0 0 25px;}
This page did have a header followed by bullets. No more. As I tweak things in the style sheet, I see the changes, but nothing related to ol/ul/li seems to have an effect. Any clues? It’s got to be something easy.
Thanks.
Hey great to hear that you are almost finished with your site. For the first look your css seems ok, i suggest to use !important for the modifications what doesn’t have effect on the site – in case you don’t know, css attributes followed by !important overrides every older attributes on the element. So for example, you can use it like this:
.sample-content > ul { margin-bottom: 20px !important; }
And add this rule to every other elements what doesn’t have effect on the site. Cheers, Erik
Thx for quick response Erik. Unfortunately that didn’t work. Weirdly, it worked earlier, and I don’t remember touching any other CSS. Any other ideas?
Here’s another piece of the mystery, the bullets look fine on my phone. Earlier you suggested that I add the following to take care of a header problem on the phone: @media only screen and (max-width: 768px) { .page-heading { margin-top: 80px; }
When I remove it, problem solved. Now the question is how to fix both problems.
If you add a css rule to the very bottom of your style.css file with !important it will certainly work… Unless you have installed some third party wp plugin what includes a css file overriding the original theme stylesheet, i’m 100% sure that is has to work.
Strange, i can’t really imagine how the margin of the page heading element can affect the list bullets – it really has nothing to do with each other. I think the most rapid solution is to send me over your site link with a bit detailed explanation of what would you like exactly to achieve with the list bullets and i give you the proper css snippet to add – like we did before. Cheers, Erik
Erik, I agree it’s strange. I don’t see how one affects the other. I’ve removed it, so you can see what it should look like on this page: http://themeetinghero.com/chapter-contents/. In general, I’m looking for discs and decimals, indented, in the same font, with space before and after the list.
Of course, then the original problem returns. The page header, in this case “Chapter Contents,” gets pushed up under the site title when on my phone. It’s a real head scratcher.
I’m afraid i still don’t understand your request because actually discs are used on the page you send, the spacing looks fine for me, and if i add .page-heading {margin-top: 80px;} the mobile size also looks just as expected… so what’s wrong? Cheers, Erik
Erik, before I added @media only screen and (max-width: 768px) { .page-heading { margin-top: 80px; }. If I just add what you suggest, it does seem to work. Thanks for helping me work it through.
It seems you forgot to add the second closing ” } ” character.. The correct one is:
@media only screen and (max-width: 768px) {
.page-heading { margin-top: 80px; }
}
Because you need to close the @media rule too to get it work. Let me know if that did the job. Cheers, Erik
Good catch. Thanks
Hi,
I’m using your theme with a ‘Child’ theme that I’ve created and it’s all working well. However the icons for the admin menu items; ‘Video Reviews’, ‘Samples’ and ‘Overviews’ are not loading.
I presume this is because you are using:
get_stylesheet_directory_uri();
instead of:
get_template_directory_uri();
Can you please fix this and update the plugin ASAP?
As ‘renatucker’ has also asked, it would be extremely helpful if you could provide functionality to add sub menu items to the main menu – this is a really important feature!
(sorry I meant update the theme, not plugin)
Can you give any indication when the menu will be updated to allow sub menu items?
Hi no, it has nothing to do with it… The proper element to modify to enable submenus is the “depth” argument of the wp_nav_menu function in the header.php file – but it requires css styling before you can use it.
Unfortunately i can’t give you any indication on the arrival of the next update – it was just a notice i mentioned to Rena – it will be released when it’s done, i hope you can understand that we wouldn’t like to promise an exact date. Cheers, Erik
No problem on the menu.
However, can you please fix the issue with the admin menu icons? When using a child theme the icons don’t load – you will need to change:
get_stylesheet_directory_uri();
to:
get_template_directory_uri();
Please see screenshot below:
Sure, i added it to the to-do list of the next update. Thanks for your notice! Cheers ,Erik
Great, thanks. For anyone experiencing this problem in the mean time, you can simply copy the images from the FlatBook theme folder:
/FlatBook/includes/img/*.png
to your child theme (creating the folders):
/child-theme/includes/img/
Thanks! Cheers, Erik
Is there a plugin you recommend using for purchasing? I’m trying to use “Easy Digital Downloads” but having some issues that I’m guessing have to do with the theme.
Well unfortunately we don’t have a plugin tested for purchasing items what i could suggest to you as this is a landing page for advertising purposes, but i usually recommend to my buyers for this question to use a reliable, secure online marketplace (like amazon for example) and link the theme’s purchase buttons to that profile – where the user can actually purchase or order the book. Cheers, Erik
Hi Erik,
Great theme. I’d like to use an own font (StencilStd) instead of a Google Webfont for all h1 and h2 headlines, how can I do that? I tried defining the font-face in style.css but this seems to be ignored… The font is already uploaded.
Thanks for a hint.
Hey and thanks for your purchase. If you have already converted the font – and have the proper font-face code snippet ready to use – open up fb_colors.php file in the /includes folder, and on line 67 change this:
{font-family: '<?php echo $fb_heading_font_str; ?>' !important;}
to this:
{font-family: 'yourFontName' !important;}
where basically “yourFontName” is the font name what you have defined before in the font-face rule. Cheers, Erik
Thanks, I defined h1/h2 as per your suggestion and didn’t change the other items, the result is looking great, see www.mordkunde.de
Yeah it looks cool
Cheers, Erik
I hope you don’t kick me out for all my questions, Erik! 
New question: I’d like to add other social media links & icons because the ones we’re concentrating on are Pinterest and Instagram.
Is there an easy method, or do I have to get in and mess with the code? 
Never mind, that’s why i provide item support
Yeah this is another thing what has been already added to the next version of the theme… Until then, i added the pinterest and instagram social link manually to your site, the only thing you need to do is go to Dashboard > Appearance > Editor and from the right sidebar select Footer (footer.php) for edit, and scroll down the document a bit and you’ll see this:
<!-- PINTEREST & INSTAGRAM SOCIAL LINKS --> <a href="http://www.yourlink.com"><i class="fa fa-instagram" /></a> <a href="http://www.yourlink.com"><i class="fa fa-pinterest" /></a>
Now change the two dummy links “http://www.yourlink.com” to your existing instagram and pinterest links than hit the Update File button at the bottom, that’s it. Cheers, Erik
Hi Erik!
New issue: I followed all the instructions perfectly to add MailChimp Newsletter Subscribe as the contact method, but what happened is that it created the form, BUT displays part of the code in between the text boxes:
” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
I can’t figure out why it would show only this part of the code and/or what is wrong with the code that it would show. Any ideas?
In the meantime, I’m going to see if a different MailChimp form (Classic) would work.
Thank you, ~Rena
Hey Rena, can you drop me a mail with a link to your site and the wordpress login details? I have to check on this to tell what’s going wrong with it. Thanks, Erik
Hey Erik, I sent it via the message function. Thank you!
Replied! Cheers, Erik
Hi Erik,
I love your theme. Unfortunately, I am have having a little trouble with the menu. I assume it is a user error, but I looked through the documentation, and no matter how I enter a link for a page/section of the home page, my menu just goes to the top of the page. The only exception is Home and About. These are the preset menu items. I can PM an admin if needed. You can see the site here.
And I also have a several visual questions:
1) Where in the stylesheet can I find a way to change the background image behind the ebook simulator to my own?
2) In the top half of the simulator (above the image), the color is a very faded version of the secondary color. Where in the stylesheet can I change this to a faded primary color?
3) Under “Choose a chapter”, Chapter I has a large space under before the continued [...]. How do I reduce this space?
Thank you for your help!
Laura
I figured out how to change the background image in the simulator. Still having trouble with the menu and the “choose a chapter” selection.
Hey Laure and thanks for your purchase, i’m glad you like it. Regarding the menu items, just think of it like the correct url is always the same as the section’s title in lowercase and dash separated.
In your case, the correct url for “About the other people’s money” menu item will be: http://elizabethrussellfiction.com/OPM/#about-the-book . Note that it’s just the url, the label of the menu item can be anything – you can just remain it as it is if you like so.
Regarding the “choose a chapter” section’s space, it seems your title is too long and overlaps the space left for this content. The most easy way to solve it is decreasing the font size a bit of the chapter title elements. Add this to your style.css file:
.selector li, .selector h3 { font-size: 13px !important; }
Happy editing! Erik
Thank you Erik! Both work perfectly, now.
One last question: On the slider, is it possible to remove one of the slide-in header blocks if is nothing in it?
Great, your welcome. Amm, you mean the slide content with the headings and the text? If that’s empty, nothing shows up on it’s place, i’m not sure what do you mean, can you please clarify it? Cheers, Erik
Yes, I am referring to the slider/Slider Header 2. When there is a label in Slider Header 1, but I leave Slider Header 2 empty, the slider shows a small (usually gray, but mine is pink) transparent box. I would like that box to go away when I leave heading 2 empty. I see it in both Chrome and IE11. It shows in the first and third slides.
Thanks for the clarification. To do that, add this to the bottom of your style.css file:
.slide.cycle-slide .slider-title h2 {display: none !important;}
Be aware, it will affect each slide of yours. If you may need it to be disabled from only one of the slides, let me know and i will give you the updated code. Cheers, Erik
That does get rid of it for all the slides. I would like it to go away only on the slides with no entry in Slide Header 2. I would like the ones that already have entries to retain both boxes.
Well, tell me in which slide(s) you need to disable the second heading – for example “first and second” slide. Erik
I would like the box hidden on Slide 1 and Slide 3. Thank you Erik!
Your welcome. Add this to your style.css file:
.slide.cycle-slide:nth-child(2) .slider-title h2,
.slide.cycle-slide:nth-child(4) .slider-title h2 {
display: none !important;
}
Let me know how it worked out. Cheers, Erik
Hi Erik!
I’ve got a good start on customizing the theme on my website: http://booksandbucks.com. However, I have a weird problem: The menu does not display sub items. I tried adding the pages directly to the menu as well as creating custom links that go right to the URLs of the sub items, but neither method works and the sub items still don’t show.
Help!
~Rena
Hey Rena and thanks for your purchase, glad you found the theme easily customizable. Actually the recent version of the theme doesn’t support dropdown submenus, but we are working on the next theme update where this feature will be included so please be patient, it’s coming
Cheers, Erik
Thanks for letting me know, Erik! (I thought I was going crazy.) I’ll look forward to the next version because that’s a really valuable function. I was able to make it work by eliminating “Home” from the menu and shortening the names of a couple items so I could list individually the pages visitors need to see. 
Yeah, actually flatbook was designed as a short single landing page originally – what doesn’t really require a dropdown menu as it’s a one-page layout – but recently we are working hard to improve it to feature every function what a complete multi page theme needs. Cheers, Erik
It’s such an awesome and visually stunning theme! I’m customizing it, little by little, to preserve the sleek vibe of your original design, yet make it my own. I LOVE the ability to add more pages to turn it into a full site. Originally, when I bought it, I thought it was a single page design (that I LOVED), then when I figured out that I could do more with it…well, you know…......... 
Thanks for your kind words Rena, i’m glad you like it
We are always trying to add useful features in every update what improves the quality and widen range of usuage of the theme. Cheers, Erik
Hi Erik, I just purchased your template and I tried to install it right away add themes on wordpress but it didn’t work! I got this answer,
“Installing Theme from uploaded file: themeforest-6023410-flatbook-flat-ebook-selling-wordpress-theme.zip Unpacking the package… Installing the theme… The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed.” What do you suggest me to do? Regards Taulant
Hey and thanks for your purchase. This might help you: http://support.envato.com/index.php?/Knowledgebase/Article/View/269/0/my-wordpress-theme-isnt-working-what-should-i-do Cheers, Erik