This topic is: not a support question

Updating Tentered to v1.3

  • Author
    Keymaster
    Post count: 26678
    # 7 years, 8 months ago

    Hi all,

    We have a new update for Tentered template. If you have downloaded the files before 1st March, 2014 then you might consider merging the new files with yours.

    Here is what has been updated:

    Files added:

    1 New Blog version (blog-masonry.html)
    38 PSD Files

    Changes to all HTML pages:

    Dropdown Menu sample added to Shop dropdown menu.
    Masonry Blog new page link added to Blog dropdown menu.

    Here is new menu structure:

    <nav class="main-menu">
                <ul class="sf-menu" id="main-menu">
                  <li><a href="index.html">Home <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li><a href="index.html">Homepage version 1</a></li>
                      <li><a href="index1.html">Homepage version 2</a></li>
                      <li><a href="index2.html">Homepage version 3</a></li>
                      <li><a href="index3.html">Homepage version 4</a></li>
                      <li><a href="index4.html">Homepage version 5</a></li>
                      <li><a href="index5.html">Homepage version 6</a></li>
                      <li><a href="landing.html">Landing Page</a></li>
                      <li><a href="one-pager.html">One page Website</a></li>
                      <li><a href="one-pager-alt.html">One page Alt</a></li>
                      <li><a href="coming-soon.html">Coming Soon</a></li>
                    </ul>
                  </li>
                  <li><a href="shop.html">Shop <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li><a href="shop.html">Shop full width</a></li>
                      <li><a href="shop-left-sidebar.html">Shop left sidebar</a></li>
                      <li><a href="shop-right-sidebar.html">Shop right sidebar</a></li>
                      <li><a href="#">Sub Menu</a>
                        	<ul class="dropdown">
                          	<li><a href="#">Third level dropdown</a></li>
                          	<li><a href="#">Third level dropdown</a></li>
                          	<li><a href="#">Third level dropdown</a></li>
                        	</ul>
                    	</li>
                      <li><a href="#">Sub Menu</a>
                        	<ul class="dropdown">
                          	<li><a href="#">Third level dropdown</a></li>
                          	<li><a href="#">Third level dropdown</a></li>
                          	<li><a href="#">Third level dropdown</a></li>
                        	</ul>
                    	</li>
                    </ul>
                  </li>
                  <li class="megamenu"><a href="#">Features <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li>
                        <div class="megamenu-container container">
                          <div class="row">
                            <div class="col-md-3 hidden-sm hidden-xs"> <span class="megamenu-sub-title">Newest feature</span> <img src="images/screens.png" alt="" class="margin-20">
                              <p>Aliquam enim enim, pharetra in sodales at, interdum sit amet dui.</p>
                            </div>
                            <div class="col-md-3">
                              <ul class="sub-menu">
                                <li> <span class="megamenu-sub-title">Shortcodes</span>
                                  <ul>
                                    <li><a href="elements.html">Elements</a></li>
                                    <li><a href="pricing.html">Pricing Tables</a></li>
                                    <li><a href="animations.html">Animations</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="grid.html">Grid System</a></li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                            <div class="col-md-3">
                              <ul class="sub-menu">
                                <li> <span class="megamenu-sub-title">Header Styles</span>
                                  <ul>
                                    <li><a href="index.html">Header Style 1</a></li>
                                    <li><a href="header-style2.html">Header Style 2</a></li>
                                    <li><a href="header-style3.html">Header Style 3</a></li>
                                    <li><a href="header-style4.html">Header Style 4</a></li>
                                    <li><a href="header-style5.html">Header Style 5</a></li>
                                    <li><a href="header-style6.html">Header Style 6</a></li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                            <div class="col-md-3">
                              <ul class="sub-menu">
                                <li> <span class="megamenu-sub-title">Footer Styles</span>
                                  <ul>
                                    <li><a href="index.html#footer">Footer Style 1</a></li>
                                    <li><a href="footer-style2.html#footer">Footer Style 2</a></li>
                                    <li><a href="footer-style3.html#footer">Footer Style 3</a></li>
                                    <li><a href="footer-style4.html#footer">Footer Style 4</a></li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li><a href="portfolio-3cols.html">Portfolio <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li><a href="portfolio-full-width.html">Portfolio full width</a></li>
                      <li><a href="portfolio-4cols.html">Portfolio 4 columns</a></li>
                      <li><a href="portfolio-3cols.html">Portfolio 3 columns</a></li>
                      <li><a href="portfolio-2cols.html">Portfolio 2 columns</a></li>
                      <li><a href="portfolio-single-standard.html">Single project - standard</a></li>
                      <li><a href="portfolio-full-slider.html">Single project - full slider</a></li>
                      <li><a href="portfolio-full-video.html">Single project - full video</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Pages <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li><a href="page-about.html">About us</a></li>
                      <li><a href="page-team.html">Team</a></li>
                      <li><a href="page-careers.html">Careers</a></li>
                      <li><a href="page-services.html">Services</a></li>
                      <li><a href="contact.html">Contact Us Basic</a></li>
                      <li><a href="contact-extended.html">Contact Us Extended</a></li>
                      <li><a href="page-faqs.html">FAQS</a></li>
                      <li><a href="page-login.html">Login</a></li>
                      <li><a href="page-signup.html">Signup</a></li>
                      <li><a href="page-terms.html">Terms</a></li>
                      <li><a href="page-full-width.html">Full full width</a></li>
                      <li><a href="page-right-sidebar.html">Page right sidebar</a></li>
                      <li><a href="page-left-sidebar.html">Page left sidebar</a></li>
                      <li><a href="page-404.html">404 Error</a></li>
                    </ul>
                  </li>
                  <li><a href="blog-large-image.html">Blog <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown">
                      <li><a href="blog-full-width.html">Blog full width</a></li>
                      <li><a href="blog-masonry.html">Blog Masonry</a></li>
                      <li><a href="blog-masonry.html">Blog Masonry</a></li>
                      <li><a href="blog-large-image.html">Blog large image</a></li>
                      <li><a href="blog-medium-image.html">Blog medium image</a></li>
                      <li><a href="blog-post.html">Blog post</a></li>
                    </ul>
                  </li>
                </ul>
              </nav>

     

    Changes in style.css (css/style.css)

    Few lines of code added to this file for masonry blog. Few lines changed for Dropdown Menus update. Headings color changed to #333333 from #666666 for better readability. Just replace the old file(style.css) with the new one or if you had made changes to your version then you can check the code difference using a useful online link

    Changes in init.js (js/init.js)

    Few lines of code added to this file for masonry blog initialization. . Just replace the old file(init.js) with the new one or if you had made changes to your version then you can check the code difference using a useful online link

    Changes in all color scheme css files

    Few lines of code added to this file for new dropdown menu color settings. . Just replace the old files with the new ones or if you had made changes to your version then you can check the code difference using a useful online link

    If you have any questions regarding this topic. Write below

    Thanks

    TenteredUser
    Participant
    Post count: 2
    # 7 years, 5 months ago

    I have just purchased your template and I am excited on getting started. I opened the psd files that came with the template and it said I did not have the fonts used in the files and that it would replace them with alternate fonts. Could you please tell me the name of the font used, so I can download it?

    I am rather new to using widgets on websites and I was wondering if there was a Facebook widget and whether it could be used with the template? Also, on the “coming soon” page, how can I activate the “Notify Me” button?

    I appreciate your time and help, thank you.

    Author
    Keymaster
    Post count: 26678
    # 7 years, 5 months ago

    Hi there

    Fonts used in the designs are all google fonts that you can download from:
    Roboto – http://www.google.com/fonts/download?kit=hY6_qqcqX_JNp8IlbByiXfesZW2xOQ-xsNqO47m55DA

    RobotoSlab – https://www.google.com/fonts/download?kit=XjkaEzzmSNN61VxmbyFKHIfD-WQWLbF4rYwcBGowFYY

    Volkhov – https://www.google.com/fonts/download?kit=OufSepIVj92a4BO16a6GTKCWcynf_cDxXwCLxiixG1c

    You can get the facebook widgets code from here: https://developers.facebook.com/docs/plugins/ and place it in the HTML files by opening them in any text editor of your like Dreamweaver, Notepad+

    Notify Me form on Coming Soon page is not a functional form like the contact form of the template. You need to code it in php or you can very well put mailchimp/constant contact form there.

    Thanks

    TenteredUser
    Participant
    Post count: 2
    # 7 years, 5 months ago

    Thank you so much for your quick reply and help 🙂

    Author
    Keymaster
    Post count: 26678
    # 7 years, 5 months ago

    You are welcome 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.