Thanks for the verification. You haven’t provided a link to your site so unfortunately i’m not able to check what’s wrong there.

As far as i see from the sent screenshots, something is really messed up with your site… i suggest to create a new wordpress installion and import the demo contents to have exactly the same structure and contents like in the theme demo, and then start customizing the dummy contents and images to fit your needs.

You can read more about importing the demo content in the flatbook documentation here: http://eriktailor.com/tf_assets/flatbook_wp/documentation/#import-demo-content Cheers, Erik

Are you able to email me the .xml file as I’m not able to find it? Or how can I find it?

You can find it at /extras/import In the downloaded theme package.

So in the downloaded flatbook wordpress theme folder there is meant to be a folder called extras? I can’t find any folder of that name.

I re-installed the website and this is what it looks like with only two pages: home (which is the static front page) and a blog page http://www.theyummymummyclub.com/

Woops! Found it! I was only looking in the theme folder. I got these errors, however: Failed to import “Contact form 1”: Invalid post type wpcf7_contact_form Failed to import “FlatBook Sample Contact Form”: Invalid post type wpcf7_contact_form

Hey jsantosl and thanks for your purchase! To adjust the logo width to fit the header properly on mobile devices add the following to the very bottom of your style.css file:

@media only screen and (max-width: 767px) {
    .logo img { width: 330px; }

}

@media only screen and (max-width: 479px) {
    .logo img { width: 240px; }
}

Which play button do you mean? The buttons over the videos? Cheers, Erik

Actually FlatBook is a marketing landing page to showcase and advertise an ebook, not an ebook webshop featuring multiple books. Regards, Erik

Ok. Now I am getting into depths of my ignorance . Please bear with me. Can we create marketing pages for multiple books using this ? As in one page per book. I will get the e-commerce part handled separately. Does this make sense ? Thanks for a prompt response. Regards, Chandra.

Sure, it is a working solution. The most easy way is to have multiple wordpress installions with the theme (one per a book) at your hosting server and customize them for the details of each book.

Thanks, that will work too. One final question. Is there an e-commerce plugin that we can integrate with this solution ? Or do I have to look for it separately ? Any recommendations.

Hi the reason of the noticed bug is that IE9 doesn’t support the “opacity” css attribute and can’t render it. To fix it, open header.php and at line 25 replace this

.js .tablet-mockup, .js .testimonial, .js .price-table, .js .include-box, .js .app-ov img {opacity: 1;}

to this:

.js .tablet-mockup, .js .testimonial, .js .price-table, .js .include-box, .js .app-ov img, .js .testimonial {opacity: 1;}

Cheers, Erik

Thank you Erik!

Afternoon Erik,

Just worked with the user that was having the issue and seems that the above change did not resolve the issue as the testimonial section is still unseen. They are using IE 9.0.8112

Thanks!

Hey, can you send me a link to your site with a mention for the details of the issue via my profile’s contact form here so i’ll be able to check it? Cheers, Erik

The Call to Action section is a part of the Samples section, you have to create a page with “Samples” as the page template, and your Call to Action section will show up below the scrollable tablet mockup. Cheers, Erik

Hi there, add the following to the bottom of your style.css file

.slide {margin-top: -200px;}

than i have a problem with smartphones…

have you antoher way?

Sure, just add it like this:

@media only screen and (min-width: 768px) {.slide {margin-top: -80px;}}

It will force the negative margin to be visible only desktop devices.

and this code what you gives not work… look: http://www.internet-verkauf.com

please tell me a way without negative margin (-margin)

I just checked it, you haven’t added the code above to the bottom of your style.css file. Also i checked it, it’s working.

now i added

Still haven’t. Just check your site’s source code with Ctrl + U and search for “style.css” and open it. The suggested code isn’t there.

it is in layout.css

Hi, yes it’s possible the enable the slider autoplay.

neato! can we specify the # of seconds it takes?

Yes, you can specify in milliseconds, for example “5000” means 5 seconds, and so on..

sounds good! I’ll probably be purchasing in day or two

Great, let me know when you need to set it and i tell you how.

Hi Erik,

For the counters, I’m trying to add a $ in front of the number, but it’s showing up as NaN. Is there a way around it?

Thanks!

Also, is it possible to turn off the sliding in animation and just leave it as the in-place transform like the content? (slider)

I apologize for the rush of questions m8, bit of a rush job for a client – is it possible to leave the contact form always open?

No prob, that’s why item support is Give me some time to look after your requests and please explain your second question, i don’t understand what you mean by:

Also, is it possible to turn off the sliding in animation and just leave it as the in-place transform like the content? (slider)

thanks Erik! For the slider, the image slides in from the right and the headings slide in from the left when changing. But the description stays in place. Basically I would like to turn off the sliding in from right and sliding in from left animation.

Sorry for the delay, i had really hard times trying to achieve your request with the ”$” sign, but finally i found it out

1.) So to add the dollar sign before the counters, copy paste this code to the bottom of custom.js file, just above the “end of the document” comment:

/* ADD $ SIGN TO COUNTER
==========================*/
$("<span style="font-size: 55px;">$</span>").css({
    'font-size'   : '55px',
    'display'     : 'inline-block',
    'color'       : '#5BC1AF',     // Change to your main color
    'margin-left' : '45px'      // Adjust if needed
}).addClass("inner").prependTo("div.four.columns.feature");

$(".feature h2").css({
    'display'  : 'inline-block'
}).addClass("inner");

2.) To disable the slider animations, delete or comment everything still in custom.js file from line 53-94.

3. To force the contact form to be always visible, delete or comment the following in the custom.js file:

contactForm.hide();

Cheers, Erik

Thanks Erik! I really do appreciate the tremendous support. A bit of a problem with the block of code though – after putting that in, I am able to see the $, after I add that into my theme options. But it does seem to mess up some of the js on the page. And also the testimonials section seems to have been impacted. The site is http://www.selecthomecaremanuals.com/ , and I do have that piece of code active. Thanks so much Erik.

Oh sorry, my fault. Try this:

/* ADD $ SIGN TO COUNTER
==========================*/
$("<span>$</span>").css({
    'font-size'   : '55px',
    'display'     : 'inline-block',
    'color'       : '#5BC1AF',     // Change to your main color
    'margin-left' : '45px'      // Adjust if needed
}).addClass("inner").prependTo("div.four.columns.feature");

$(".feature h2").css({
    'display'  : 'inline-block'
}).addClass("inner");

Let me know how it worked

Interestingly, when I mention that some of the .js on the page is broken, my problem 2, and 3 seems to have been solved with that first code! lol

Sure, because if one thing is messed up in the js, it prevents all of the javascript on the site to be loaded That’s how js works.

Perfect!! Thank you Erik, I really do appreciate it. 5-star theme based on support alone!

Thanks, i really appriciate that Cheers, Erik

Erik, I apologize. After showing my first draft to my client, they’re requesting 2 more changes, namely: 1. Is it possible to put a logo image into the left of the navigation menu? 2. Is it possible to move the counter up to be on top of the slider?

You’ve already been super helpful and I really do hate asking for anything else. If these two changes can be easily implemented, I really do appreciate it, but if they’re only possible with heavy code changes, then don’t worry about it.

Regardless, I thank you for everything you’ve already helped me with.

Your welc Never mind, i’m happy to help

1. You mean to put another logo image in the dark dropdown navigation menu?
2. Sure, just open up slider.php file and cut everything between line 62-91 and paste to the beginning of the document, just above

   <?php $fb_slider = ot_get_option('fb_slider_display'); ....

   . Now it’s above the slider, but there’s one more thing to do: add this code to your style.css file:

   #features {padding-top: 80px !important;}

   and it’s done.

Perfect! ThankyouThankyou! That switcharoo works perfectly. And yes, basically they don’t need the image logo up at top there, but they want it inside and to the left of the nav menu. Again, if its too much trouble and requires recoding, don’t worry about it.

ah.. also, any quick switch to turn off responsiveness?

Hi and thanks for your purchase! Have you pasted your video’s youtube url in the Videos custom posts in the wp dashboard? For the first look i see it empty

Yes I did. I pasted the video url at a new video review in the wp dashboard…