353 comments

Hi. I have a question about the nav-menu. When you click on the main links from the nav-menu (ex: PORTFOLIO, BLOG, CONTACT, ...), it won'yt go anywhere. Unless you click a link from the drop-down menu. The main links don't work. If I remove the class "js-activated" it will work, but the drop-down menu won't work. Can you look into this and give me a solution? Thank you.
Hi, try this code snippet:

<a href="index.html" class="dropdown-toggle js-activated disabled">Home</a>

The class “disabled” does the trick (the dropdown is controlled by another script)!

Best Ben :)
Thanks for the quick response. That did the trick.
is this teme documented?
Hi, yes the template has a basic documentation. An enhanced one with infos about how to mix classes, sections etc. is coming soon!

But don’t hesitate to ask me for support via my email address!
basti4k PURCHASED
the Download-Link is broken :/

and: we need a place for "multilang" :)

thanks!
basti4k PURCHASED
okay, download, works fine!
cborgia PURCHASED
A while back a few of us asked if your update will allow single menu items (no children) and you said yes. has that been implemented? if so, how?
Yes, it’s in!

Now if your menu item is just a single link without dropdown it displays correctly with overall rounded corners for instance:
<li><a href="index.html">Home</a></li>

Take a look at the One Page version:
http://demo.fuviz.com/reen/v1-3-1/one-page1.html
cborgia PURCHASED
great thanks. way to step up the support and the product, looking good again!
basti4k PURCHASED
i need a place for a multilang info :(
plz :)
Hey, do you mean a button with dropdown for language selection within the header area?
Thank you for las update 1.3.1.
You’re welcome! :)
Hi, I buy your template I want to put two or more "gallery post" in the blog page, how can I do that ? when I want to duplicate a gallery post I only have images on the first post. Thanks
Hi and thank you for purchasing REEN!

I guess you mean the slider/carousel elements. If you want to have multiple of these on one page you have to give them different IDs:

<div id="featured-works" class="owl-carousel ...">...</div>
<div id="team" class="owl-carousel ...">...</div>
<div id="customers" class="owl-carousel ...">...</div>

And then if you want to you can adjust them with different settings like speed, transition type etc. within the scripts.js. Or even with some available classes like:

owl-inner-pagination
owl-inner-nav
owl-outer-nav
owl-ui-md
owl-ui-lg
owl-item-gap

Take a look at the HTML code of http://demo.fuviz.com/reen/slider-carousel.html!

Hope this helps!

Best
Ben
thank you for you quick answer, I will try this very soon
I'm so sorry but it doesn't work my page is like this :

<div id="actu1" class="post format-gallery">
<div class="date-wrapper"></div>
<div class="post-content">
<div id="owl-work" class="owl-carousel owl-inner-pagination owl-inner-nav post-media">
<div class="item">...</div>
<div class="item">...</div>
</div><!-- /.owl-carousel -->

<h2 class="post-title">
<a href="blog-post.html">Week-end cohésion au Parc du Puy du Fou</a>
</h2>
<p>Les 13 et 14 avril a eu lieu la réunion annuelle des coffeeshoppeurs qui comme a son habitude fut un moment délicieux...</p>

</div><!-- /.post-content -->

</div><!-- /.post -->
Sorry i repeat
<div id="actu1" class="post format-gallery">
<div class="date-wrapper">
</div><!-- /.date-wrapper -->
<div class="post-content">
<div id="owl-work" class="owl-carousel...">
</div><!-- /.owl-carousel -->
</div><!-- /.post-content -->
</div><!-- /.post -->

<div id="actu2" class="post format-gallery">
<div class="date-wrapper">
</div><!-- /.date-wrapper -->
<div class="post-content">
<div id="owl-work2" class="owl-carousel...">
</div><!-- /.owl-carousel -->
</div><!-- /.post-content -->
</div><!-- /.post -->
Hi!

You need to initialize the carousel with the ID via jQuery in the scripts.js (from line 220).

Basic example without options:

$(document).ready(function() {
$("#owl-works2").owlCarousel();
});

http://owlgraphic.com/owlcarousel/#how-to

Hope this helps!

Best
Ben
Ques: If I purchase it with a single application license, how can I get the updates and the bug fixes?
Also, I hope the template color can tweaked easily and is just limited to the options provided.
Hi,

for updates with new features and bugfixes you’ll get a notification via your email address you used for the purchase!

You’ll get 8 prestyled template color schemes you can just include or change with one line of code. For your own color just change the color value within one CSS file and you’re done :)

Best
Ben
... and updates are FREE, forever!
Hi,
I am trying to get rid of some of the hover effects. Specifically for blog posts. Like for e.g. on http://demo.fuviz.com/reen/v1-3-1/blog3.html I want to remove hover effects for:
1. Post title
2. The list of categories under the post title
3. Format-wrapper on the left side

How would I do this?

Thanks!
Hi!

Add the following styles in a custom.css file after the main.css and the color stylesheet or at the end of the main.css:

.post-title a:hover,
.post-content .meta a:hover { /* Replace .meta with .categories if you only want the categories without hover! */
color: inherit;
}

.sidemeta .format-wrapper a:hover {
background-color: #FFF !important;
color: #1ABB9C; /* Depends on the color stylesheet you use! */
}

Hope this helps!

Best
Ben
Excellent, this is doing the trick!

Danke schön! ;-)
Hello I (re)ask my question because I think you don't see it, I have tried to duplicate the "slider/carousel elements" and I changed the Id like you said but the image don't appear again. This is the part of my code :
<div id="actu1" class="post format-gallery">
<div class="date-wrapper">
</div><!-- /.date-wrapper -->
<div class="post-content">
<div id="owl-work" class="owl-carousel...">
</div><!-- /.owl-carousel -->
</div><!-- /.post-content -->
</div><!-- /.post -->

<div id="actu2" class="post format-gallery">
<div class="date-wrapper">
</div><!-- /.date-wrapper -->
<div class="post-content">
<div id="owl-work2" class="owl-carousel...">
</div><!-- /.owl-carousel -->
</div><!-- /.post-content -->
</div><!-- /.post -->
Hi!

You need to initialize the carousel with the ID via jQuery in the scripts.js (from line 220).

Basic example without options:

$(document).ready(function() {
$("#owl-works2").owlCarousel();
});

http://owlgraphic.com/owlcarousel/#how-to

Hope this helps!

Best
Ben
IT WORKS!!!!!!! Thank you!
Snigbot PURCHASED
Hi There,
I'm trying to add more fields to the contact.php
I can add up to 5 but they do not come through in the submission email. If I try adding more than 5, so company name, and phone to the existing it errors?

Can you help please
Hey there!

I’ve just sent you an email with all necessary files for more input fields in the contact form!

Does that fit your needs?

Best
Ben
kera719 PURCHASED
Please explain the process in updating my existing REEN website with the latest.
Thank you.
Hi Kera,

In the change log here on wrapbootstrap.com (the button besides the description) you can see what has changed within all updates.

Collect all changes you’ve made so far in your files and outsource them into another file – custom.css or .js for instance (if you haven’t done this already).

Then you’re able to easily update the original template files with the new ones – just copy and paste them into your project and overwrite the old ones!

Hope this helps!

Best
Ben
arnie04 PURCHASED
Hi your template looks amazing. It's so clean!
I have a couple of questions.
In the live preview of one-page portfolio style version, the overlay window which appears when you click on one of the selected works tiles, can it's size be increased? Else, perhaps using the multi-page version, is it possible to see description of the work in the form of 'post with mimages I'?
(I'm sorry. I'm absolutely new to CSS/html)
Would all these optons be included in the $17 bundle?
Hi Arnie,

Yes, all these features – One/Single and Multi Page, at least 5 different Modal (overlay) window sizes (fullscreen too) and mixable contents, sections and CSS classes – are included in the $17!
Saroglu PURCHASED
Hi,
It's a great template.
How can I make the logo larger in size?
Thanks,
Jon
Hi,

Thanks a lot for using REEN and for your kind words!

You need to change 2 - 3 values in the main.css at the final section SKROLLR ANIMATIONS (end of document) for resizing the logo:

.navbar .navbar-brand img {
height: 80px; /* Initial height – change to your needs */
-skrollr-animation-name: shrink-logo;
}

@-skrollr-keyframes shrink-logo {
40 {
max-height: 80px; /* Height after 40px (top bar height) scrolling – should be the same as the initial height. Change to your needs */
}

300 {
max-height: 20px; /* Height after 300px scrolling. Change to your needs */
}
}

Hope this helps!

Best
Ben
swami123 PURCHASED
i want to buy this template but.. transaction get failed every time.. plz help
Hi!

Have you already contacted the support here on Wrapbootstrap?
swami123 PURCHASED
no
swami123 PURCHASED
is any other way to pay
I suggest to firstly contact the Wrapbootstrap support team over their contact form https://wrapbootstrap.com/support

If you don’t get a response within 24 hours contact me again: info@fuviz.com
The template seems to be broken in mobile Chrome...? page content does not seem to want to render.
Hi and thank you for using REEN!

On what mobile OS have you tested it – iOS, Android or Win? Just checked it again on Android and everything seems fine so far!

Best
Ben
Testing on Chrome on iOS. Sometimes I get a flash of the content before it disappears and will not render. I've been trying to alter .animated and other applied classes to test, but no luck yet.
Are you using the latest version of REEN?

The template was running in Chrome on iOS without problems today! Maybe you can send me a screenshot via email.
Hi there,

Is this template compatible with jekyll/github?

Thanks!
Catmelon
Hi Catmelon,

I haven’t enough experience with Github or Jekyll, so I can’t say if the template is working with these services, sorry!

Best
Ben
Hi Catmelon,

I haven’t enough experience with Github or Jekyll, so I can’t say if the template is working with these services, sorry!

Best
Ben
hello, thanks fort this theme !
can you explain me how I can put a video full screen in the main slider please ?
how to make the video begins when it is visible ? ( example video is from the slide 3 .... )
and how to make the slider await the end of the video to the next slide ?

please....
thanks
hello, thanks fort this theme !
can you explain me how I can put a video full screen in the main slider please ?
how to make the video begins when it is visible ? ( example video is from the slide 3 .... )
and how to make the slider await the end of the video to the next slide ?

please....
thanks

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$17
3341Purchases

Licenses: Details »

Single application $17
Version:1.7
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Categories:
Tags: clean, creative, designer, flat ui, masonry, multipage, multipurpose, portfolio, professional, responsive
Item#:WB00PN23G
Released:3 years ago
Updated:1 month ago
Sold exclusively on WrapBootstrap
fuviz

fuviz

Signed up 3 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: