Discussion on Plain

Discussion on Plain

By
Cart 783 sales
Well Documented

virae does not currently provide support for this item.

116 comments found.

Looking forward to working with this one!!! – Great looking theme.

Thank you!

Hi Virae,

Is it possible to change the back to top button so it appears when you scroll half way down the page instead of when you start scrolling straight away?

Thanks again

Hi and thanks for your question, sure, you can do it easily by modifying line 221 in js/functions.js -

e.g this code will make the button appear if you scroll more than 600 pixels from top:
   ...
   if ($(this).scrollTop() > 600) {
   ...

I tried modifying line 221 but still not working. Could you explain a little more as im very new to this.

Thanks

Hello could you send me a link where I can see some preview? Modifying the line I recommended should definitely do the job, so I’ll have a look and try to find out the reason why it’s not working.

Brilliant theme. Thanks!

I noticed the alternative homepage is not mobile friendly like the other pages. Am I missing something?

Also the fade in “go back to the top” arrow that appears after a certain amount of scrolling gets stuck and doesn’t remain anchored to the bottom when viewing in mobile (iPhone and iPad alike). Thoughts?

Thanks again.

Hello and thanks for your purchase!

Which alternative homepage do you mean please? 1st or 2nd variant? Regarding back-to-top button – on which device/browser do you see this behavior?

Thank you!

Alternate homepage #2 (Power by passion, eco-friendly, lighting fast). When it scales down it does this vs the latter.

Power by Passion Eco-friendly Lighting Fast {content} {content} {content}

Power by passion {content} Eco-Friendly {content} Lighting Fast {content}

Thanks!

You’re right, there’s a better way how to structure the code here and I’ve updated the preview here: http://virae.org/demo/plain/home-variant-2.html

Please change your HTML code like this: http://pastebin.com/sYBVkW2t and update .circle class in your CSS to this: http://pastebin.com/VESkaCdu

Thanks again.

Nice template, but I have a problem with the bootstrap checkbox styling (http://twitter.github.com/bootstrap/javascript.html#buttons). Radio buttons works well, but checkboxes doesn’t works at all. Could you help me please ?

Hi and thanks for your purchase. Could you please be more specific about your problem, send me a screenshot or a link to html page? Please use my profile page to get any further support, as your message will catch me sooner that way – http://themeforest.net/user/virae

Thanks!

I have solved this problem by placing all of the javascript files in the header (as usual) instead of at the end. Maybe there was a problem while interpreting these scripts.

Thanks

Hi Virae,

Would i be able to have the navigation the same as the Bootstrap navigation so when in mobile view it turns to the menu icon and slides down?

Thanks.

Hello, it can be done although it is not designed to use bootstrap’s responsive navbar.

You can do this to get the result:

- Modify code in #header section like this: http://pastebin.com/gz8iYnZF - Then, comment out these lines: Lines 114-144 in functions.js, whole “Navigation” section in your style.css and lines 260-275 and 289-300 in bootstrap-override.css.

Thanks!

Works perfect! Thanks for the great theme and excellent support!

Hi,

Very nice looking theme!

I have a question though. I’d like to add my logo in front of the logo text, but when I do so the styles are messed up. Especially at a narrower browser width, the logo image tends to push the navbar down.

Hello samzhao,

I’ll be in better position to help if you could send me some preview if possible. Please contact me directly to my email through my profile page. Thanks!

Hi virae,

Thanks for replying. I managed to solve my own problem.

Thanks (again) for the nice theme.

Hi nice template, I read above that you are working on a wordpress version! I have a project that that would be perfect for. Is a wordpress version likely to be ready in the next few days?

Hello and thanks for your question, WP version will unfortunately take some more time to be released, hopefully in few weeks.

The “Plain” template where do I edit the Plain logo for all pages?

Hello, you need to find and modify this code:

<!-- Logo -->
<a class="brand" href="index.html">
    Plain
</a>

and replace text with something else (e.g. image)

I forgot to ask: how to slow down slideshow (homepage2 alternative)? I need more secs of pause.

Thx

Hi and thanks for your purchase as well as for your suggestions! You will need to edit functions.js file to slow down interval between each slide. Please open this file and change line number 25 to something like this:

    $('[rel=carousel]').carousel({ interval:5000 })

and replace number 5000 with any time you wish (in milliseconds).

It works fine (even if I have line 18, not 25, I told for others who wants to customize delay).

thx ;)

Fast well-done responsive template. Very good job, easy to use and to customize. Thanx a lot. A little suggestion: insert QRCode in presentation page on Theme Forest for rapid mobile testing and introduce more typography features (like drop caps). ;)

Thank you, but that didn’t seem to work…

http://www.ggfilmz.com/team.html

Sorry, you will need to place in at the end of “Our team” section in your style.css, not at the beginning of this file.

Awesome! Thank you so much!

You’re welcome.

Thanks so much for all your help.

The last issue I have is with the team page on mobile devices. It simply doesn’t work. ANY help would be wonderful.

Other than that, my site is very cool!

Thanks again!

Thanks for your comment, I’ll fix this in upcoming update. Until it is released, you can add this code to your style.css: http://pastebin.com/XAdBb67S

I’m implementing your template and really like it. One thing I don’t get is you include blog pages in the design. How would I make my wordpress blog match the theme. Is there a seperate wordpress theme available? Thanks

Hello Laniers, thank you for your question. Wordpress version of this template is not available at the moment and this is just HTML template. Although there is a way how to match your wordpress blog to this theme, and someone experienced can do this easily, it is not so simple to explain it on few lines here. Basically you will need to find appropriate php file in your current WP theme (the one that lists all blog posts and one which displays a single post) and modify the code so it uses same elements as introduced in this template.

That didn’t come out like I expected. I meant “Plain” (the logo font), then “a very cool website” (in a small font immediately below Plain).

Thank you so much for this excellent template! I purchased and have a couple of questions…

I’d like to put a small line of text directly below the logo text at the top without messing up the nav. Any ideas how to do that? Like…

Plain

a very cool website <- small font directly below

Also, any possibilities of getting the team page to work better on mobile devices?

Thanks again!

Hi and thanks for your question. To add a tagline you basically need to modify the code like follows:

1. Find Logo section in your html files and modify it like this:
   <!-- Logo -->
   <a class="brand" href="index.html">
      Plain
      <span class="tagline">Some tagline text</span>
   </a>

2. Add following section to your stylesheet (style.css)

.navbar .brand .tagline {
    display:block;
    font-size:12px;
    font:12px;
    font-weight:normal;
    letter-spacing:0;
    color:grey;
}

You can see a result here: http://bit.ly/PSLLnK

Looking to buy this theme, however need to add a translator plugin and an e-commerce plugin via wordpress. Would this theme support both?

Hello Craig, unfortunately, this is not a WordPress theme, just a html template. WordPress theme is in development and will be hopefully released very soon.

Icons don’t load, do you know why?

Hi and thank you, please see “Important notice” section in documentation or check previous discussion right here. You just need to download font-awesome and include its files.

I just purchase this template and really like it. neat & nicely done!

and I have little question about this template. If I don’t want Macbook carousel and want a larger slide is it possible to conserve responsible ability? and could you please instruct me how to do it. Thanks :D

Hi and thanks for purchasing Plain! Have you tried to use carousel code from 2nd homepage variant? http://virae.org/demo/plain/home-variant-2.html

You only need to replace ... in index.html with the same element ( ... ) from home-variant-2.html

Great work =)

Thank you!

Hi Virae. I purchased it yesterday and I love this template. Thanks for making it available. You really provide excellent support here as well. Great. The php inclusion was my main reason for buying.

I have a question for you. I did some modest reformatting and I came up with a small js conflict (I think). When I CLICK on the top image carrousel, the entire page scrolls down. Hmmm. Here’s what I did in setting up. I didn’t want multi-page nav, so I just included the two js files:

jquery.localscroll-min.js and jquery.scrollTo-min.js

Then, I included the following in your functions.js file (I’m including the lines before and after so you know where I put it):
(function() {

    /* --------------------------------------------------------    
        Set up the duration of the up-down scrolling 
       --------------------------------------------------------    */    

        $.localScroll({
            duration:1000,
        });

    /* --------------------------------------------------------    
        Twitter bootstrap - carousel, tooltip, popover 
       --------------------------------------------------------    */    
The problem is, the link in the carrousel is the same that the plugin is expecting.
<!-- Carousel navigation -->
                <a class="carousel-control left" href="#carousel" data-slide="prev"></a>

That is why, when I hit the L or R button, the page goes right to the ”#carousel” div. Ha! Any ideas? Please let me know if you have any idea why I’m having the scrolling trouble and what might make it go away. I really appreciate it. Best, -Zank

site: http://photoCountdown.com

Hello Zank.

Thanks for your question, I really like the way how you modified the template! It’s nice to see how it can work as a single page template as well.

Please try to replace:
        $.localScroll({
            duration:1000,
        });

in your functions.js file with:

     $('#header').localScroll({
            duration:1000,
     });

and it should fix your problem. This way, all scrollable links will work only within #header container which contains your navigation.

Best wishes, Michal

Virae, Excellent!! Thanks so much for you help. Your fix worked perfectly :) -Zank

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey