37 comments found

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Are the sass / scss files included?

UXbarn

Hi, thanks for your interest but there is not unfortunately.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Nice template!! Any plans to export to Wordpress?

UXbarn

Thanks! Yes, I’m hardly working on it. Should be available soon. :)

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • United States

Great theme. Is it possible to use the same fonts like the ones in the preview here? Is this hard to set up?

Best.

UXbarn

Hi, thanks for your interest!

The template is using Google Fonts and already set up. So there is no additional task for that. :)

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • United States

Hi,

I am trying to set a background pattern. But you only say where to change it in the documentation, but not How To do it. should I put the name of the pattern and the .png at the end? Sorry if this is a dumb question, but I am not sure how to figure it out.

Thank you.

UXbarn

Hi,

You would need to use CSS for that. In ”/css/archtek.css” file, make change to the “body” and ”.testimonial-corner” using “background” property of the CSS. For example:
body {
background: url('../images/bg/pyramid.png');
}
.testimonial-corner {
background: url('../images/bg/pyramid.png');
}

That will point to the “pyramid.png” image file. Please see more about CSS here: http://www.w3schools.com/cssref/css3_pr_background.asp

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi, i am first time template user and i am just wondering how to easy implement news feature, that you have multiple pages.

thanks for help.

UXbarn

Hi, thanks for the purchase. :)

I am not sure I understand the question correctly but if what you mean is to have more news pages, simply create the HTML pages using the provided template pages as a guideline. Or you might implement it with PHP to dynamically load the news from database.

It would totally be depending on your requirements when working with template. You can implement it whatever you like.

Default-user

Thanks!

UXbarn

You’re welcome!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Another one. Is there any chance to change the color of menu hover? Tried some thing, no luck.

Thanks

UXbarn

Hi,

Please find this CSS in “archtek.css” file:

#root-menu > li > a:hover, 
#root-menu li:hover > a {
    background: #dfdee4;
    color: #444;
}

You can change the background and text color for hover state from here. :)

Default-user

thanks, my bad, i was thinking of transparent background that has logo and root menu items on it. sorry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

are there any PSD files available for Archtek?

UXbarn

Hi, unfortunately not.

  • Bought between 100 and 499 items
  • Has been a member for 5-6 years

Still waiting on an answer from support.

UXbarn

Hi, already responded to your ticket at: http://uxbarn.ticksy.com/ticket/87644

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello, fantastic theme mate. As I need a rtl version, are you willing to include the sass / scss files, or is this template made without them? C

UXbarn

Hi,

Thanks for your interest :), but unfortunately I did not use sass but only the general css files.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Problem : GET http://localhost:24905/Scripts/archtek/jquery.min.map 404 (Not Found) localhost/:604 Uncaught TypeError: Object function (e,t){return new b.fn.init(e,t,r)} has no method ‘scrollUp’

and i found it it jquery-1.9.1.min.js

/! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL=jquery.min.map folder structure : css—> content/archtek/.css js -> Scripts/archtek/.js images -> content/images/archtek/.*

Why (css working properly but java script not working)? I implementing this template in ASP net MVC 4 web project

thank you

UXbarn

Hi,

I think the main cause here is that the “archtek.js” could not find the JS reference to use “scrollUp” method so it raised the error and stopped working.

Please try including the reference to the “scrollUp” JS plugin like this:
<script src="js/jquery.scrollUp.min.js"></script>
Just change the path to yours and ensure that it points to the file correctly.
Default-user

working now, i have mistake : <script src=”js/jquery.jquery.scrollUp.min.js”></script> thank you

How about 2nd error :GET http://localhost:24905/Scripts/archtek/jquery.min.map 404 (Not Found),

there are no jquery.min.map on that folder,

UXbarn
Please open “jquery-1.9.1.min.js” file and try removing this line out:
//@ sourceMappingURL=jquery.min.map
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

/! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL=jquery.min.map

Folder structure : css—> content/archtek/.css js -> Scripts/archtek/.js images -> content/images/archtek/.*

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

need support again..

How to make menu bar/ navigation as fixed mode (small) as default (no animation), without need to scrolling page every time page loading.

for best practice should i to modify on css, or javascript ?

thank you,

UXbarn

Hi,

You might need to customize the code in “archtek.js” file. In the file, find this comment for where the related code starts:
// Function for reducing header when scrolling down
...
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Minified using bundles ASP Net MVC 4,

Problem : CSS not working my template view : <!- archtek -> <link href=”/Content/archtek/css?v=j_o8ncKZdc_aJKUG2lPDCkAIM-s99BSBFKz8WOrEasU1” rel=”stylesheet”/>

/* Minification failed. Returning unminified contents. (2926,262): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe (3136,1): run-time error CSS1019: Unexpected token, found ’@import’ (3136,9): run-time error CSS1019: Unexpected token, found ‘url(‘archtek.css’)’ (3149,1): run-time error CSS1019: Unexpected token, found ’@import’ (3149,9): run-time error CSS1019: Unexpected token, found ‘url(‘colors/red.css’)’ / / Eric Meyer’s Reset CSS v2.0 – http://cssreset.com */

any idea?, for temporary solution i put css file manualy on my template, and everything working properly.

thank you

UXbarn

Hi,

I personally have never deat with ASP.net MVC but it seems like it has an issue with ”@import” tag somehow.

I would recommend to find a developer or freelancer to help you on the customization/implementation.

Default-user

working perfect without @import

  • Has been a member for 0-1 years

What version of Foundation are you using here? I hope it’s version 4

UXbarn

Hi,

Yes, it is Foundation 4 with custom build.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi there. Is it possible for menu not to be fixed width, but extended to window size?

UXbarn

Hi,

Yes, that is possible but you would have to manually adjust the CSS for that.

Default-user

can you please show me what should i adjust. i guess the file i need to adjust is archtek.css, but i don’t know what to adjust there.

UXbarn

I would recommend to use “Developer Tools” on Chrome or “Firebug” on Firefox to inspect the elements on the page then you can see which element selectors you are looking for in the CSS file. In this case, it should be ”#header-container”. ;)

Default-user

I did find the right element. But i don’t know how to change it, to be extended top window size.

UXbarn

Alright. Here is the guideline:

1. Remove “content-width” class out of the ”#header-container” element.

2. Remove “left” and “margin-left” properties out of the CSS of ”#header-container”.

Then the header should be 100% stretched on screen.

Kindly note that normally the customization would be beyond my general support. I would suggest to find a freelancer to fully help you on the template customization.

Default-user

Thank you!

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

Hi, i bought this template and i need to change the logo. Now when i scroll down the page it get to small and i cannot find the css code to change that!!! Can you help me?

UXbarn

Hi,

To change the logo, just change the “src” for the image in the “logo-wrapper” element. It is at the top section of each template file.

Default-user

Hi, you did not understand my question. I have change the logo to a different file but when i scroll down the page the logo became so small that we cant see that. I want to know how can i increase the size when you scroll the page down…

UXbarn

Hey, you would need to manually customize the code in ”/js/archtek.js” file. Just look for this code block:

if(useFixedHeader) {
....
}

That is the JS code for dealing with the header size once scrolling down.

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
myala Purchased

Hi!

I would like to remove as as much JS as I possibly can to allow faster load times on mobile devices. Is there a listing somewhere, or could you please provide one, for which JS files affect which template components? This would allow me to more easily decide what components I want to eliminate and which JS files are then no longer needed.

Thanks so much!

UXbarn

Hi there,

Regarding the JS references on a page:

js/jquery-1.9.1.min.js = Main jQuery engine (required)

js/jquery-ui-1.10.2.custom.min.js = jQuery UI for accordion, toggle

js/foundation.min.js = Main Foundation framework (required)

http://maps.google.com/maps/api/js?sensor=false&v=3.5 = Google Maps API

js/jquery.backstretch.min.js = JS for stretching image for home slider, header image, image slider, portfolio slider

js/superfish.js = JS for menu

js/supersubs.js = JS for menu

js/jquery.hoverIntent.minified.js = JS for menu

js/jquery.fancybox-1.3.4.js = JS for lightbox engine

js/jquery.carouFredSel-6.1.0-packed.js = JS for slider engine

js/jquery.transit.min.js = Used with carouFredSel JS

js/jquery.touchSwipe.min.js = Used with carouFredSel JS

js/jquery.easing.1.3.js = Easing transition engine

js/jquery.isotope.min.js = JS for portfolio filtering

js/jquery.hoverdir.js = JS for portfolio on hover

js/jquery.validationEngine.js = JS for validating the contact form

js/jquery.validationEngine-en.js = English language for validationEngine JS

js/jquery.scrollUp.min.js = JS for scrolling up button

js/archtek.js = Main JS for the template

Note that once you removed some JS scripts, you would need to customize the code in “archtek.js” file to detect whether the code is referring to the removed script or not otherwise it will cause the error.

Default-user
myala Purchased

OK, thanks!

One question though, scrollup, for scrolling up bottom, don’t seem to see that or am missing what you are referring to.

Default-user
myala Purchased

And one other question…do you know if i will have any issue if I update to Foundation 5? Do you plan on doing that?

UXbarn
Hmm, did you mean that the reference is missing for the scrollUp JS? Strange, actually it should be there with others. And you can set whether to show the scrollUp button in “archtek.js” file by finding this code:
var showScrollToTopButton = false;

Sorry, I am not sure about the issue when updating to Foundation 5. It should work in general but I think there might be some code to adjust (maybe extensively). Also, I currently have no plan to update that unfortunately.

Default-user
myala Purchased

Thanks, I think I have that sorted. Can you please save me some time and point me in the right direction to adjusting the header to slide completely off screen when td rolling down instead of remaining reduced at the top of the viewport!

UXbarn

Please open ”/js/archtek.js” file and find this code:

var useFixedHeader = true;

Just change it to “false” and the header will not remain at the top when scrolling down.

Note that you can find some more info on the JS configuration value in the provided documentation.

by
by
by
by
by
by