Hey Breakaway11,

Thank you for your comment

Could you please send us the url for the review / investigate?

You could send us a message with url.

Please let us know if we can be of further assistance.

Thanks and kind regards

Alright, sending you a message.

Thank you for message. We just sent you exemplary code for portfolio with sidebar.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey mkondor,

Lightbox/Popup in portfolio was designed and optimized for showing images only.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey mtref,

Thank you for your comment

It’s both HTML 5 and javascript (jQuery and custom scripts). Contact form is done in PHP and Javascript (Ajax).

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Hakanyanaz,

Thank you for your comment

As for point 1 – it’s possible to easily remove the autoslides or change the settings to stop autoslides on hover, so when user put the mouse cursor on the slider area to press play on video then autoslides will stop. Alternative solution: You can also change the delay in milliseconds of autoslides (delay time can be as long as the video length if video is on autoplay).

As for point 2 – if you want to autoplay the video then you will need to add ?autoplay=1 to the embed url of the video (here are some details).

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you for reply,

I am not sure about “delay time can be as long as the video length if video is on autoplay”

I think you didn’t assume user clicked pause button.

The slider on html5box.com , if the video paused slider stops until it starts and finishes.

I hope to figure out the issue.

Thanks

You are welcome

Thanks for details, so the solution for now might be to set the autoslides to stop on hover or on action. Will the video slide be the first one in the slider?

Please let us know if we can be of further assistance.

Thanks and kind regards

Also I must have done something to Home3.html since the top menu bar no longer follows me down the page? I am not sure what I changed but it stays at the top, and now I have to scroll back up to get to it… any way to fix that? Thanks!

Hey Darktechfx,

Thank you for your comments

As for your first question then you will need to prepare new file for example footer.php and past there all the code from the footer you want to show also on other pages. Then you need to change the extension of each file to php instead of html and remove the code you added to footer.php and put a reference to footer.php <?php include('footer.php');?>. Please let us know if you need more help with that, so we could assist you.

As for your second question please remove class no-topbar from the html code (it’s class for header) and then top bar will stay at the top as sticky.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hi,

Could you please write more details about the fullscreen mode? The current idea of lightbox is to present the oryginal size of the image.

Please let us know if we can be of further assistance.

Thanks and kind regards

for large image is not presented the original version but the one you resized the function “fullscreen” open image in large mode …

Currently we have got intentionally the optimized/lightweight version you can see on the preview. It’s showing the oryginal size only if the screen size is wide enough in order to avoid vertical scrolling.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Nateshiyer,

Thank you for your comment.

We checked the version we sent online and it looks fine, we couldn’t replicate any issue with broken links. Could you please write us more details: on which page do you observed it. Could you please share more details?

We look forward to hearing from you.

Thanks and kind regards

Hey Johnhh,

Thank you for your comment.

We checked the files and all looks good (works fine in Photoshop and Dreamweaver). Did you try to open the files with notepad or another simple text editor? Did you tried to open them in http://www.kompozer.net/ . Please also try to open PSD files in another graphic editor. If all is fine then it seems like problem with your instalation of Dreamweaver and Photoshop (what version are you using?).

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey mkondor,

Thank you for your comment

Seems like you have got not the latest version of scripts.js

Please update the scripts.js and then it will work on the center.

You can download it again from themeforest with all other files or we may send you the current version of scripts.js via e-mail. Please let us know about your e-mail (for example send us a message).

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you for the clarification

Please replace this line ins style.css

.slider8 article>div>div {float: right; width: 28%; height: 100%; max-width: 275px; margin: 0; padding: 1px 20px; background: rgba(0,0,0,0.75); color: #fff;}

to this line

.slider8 article>div>div {width: 28%; height: 100%; max-width: 275px; margin: 0 auto; padding: 1px 20px; background: rgba(0,0,0,0.75); color: #fff;}

Note about changes: removed “float: right” and added auto to margin (“margin: 0 auto;”).

You might also need to set “margin: 0 auto;” for

.slider8 .slider-pager

Then it will be in the middle

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks.

The middle is not exactly where I want it. Can it be moved about 100 – 200 pixels to the left of where it is now, as you look at the screen.

Cheers

Please:

1) Update margin of .slider8 article>div>div to margin: 0 200px 0 0;

2) Update margin of .slider8 .slider-pager to margin: 0 0 0 -30px;

3) Add:

.slider8 article>div>div {margin: 0;}

under:

@media (max-width: 1000px) {
    .slider8 .slider-pager {left: auto; right: 0; bottom: 10px; width: 28%;}

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Janeliuhouston,

Thank you for your comment

To highlight the header menu item or sidebar menu item please add class current-menu-item to the li element. For example:

<li class="current-menu-item"><a href="./">Home</a></li>

If you want to change the default selected item on tabs on shortcodes then please change the value in scripts.js from 0 to for example 1 in this line of code:

tabs.eq(0).addClass("selected");

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks, work fine! Love this theme!

It is possible use this theme as Facebook Tab? Need to impose a maximum width of 810 pixel…

I would be really happy if possible!

Thanks

Hey,

Thank you for great feedback

Concerning Facebook Tabs. Did you follow the instruction on https://developers.facebook.com/docs/appsonfacebook/pagetabs/ ?

If your page is taken to iframe then it could be scalled down to 810px because it’s responsive. If you want to make it 810px width by native then please change the max-width for footer section and .content from 940px to 810px.

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks

Hey NebMaster,

Thank you for your comment

Sure, this slider is already full width and you can change the image height. In order to to it please just prepare bigger image.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Valah,

Thank you for your comment

For better looking we would recommend you to use top header from here (there is very good looking link to login specially designed for your cases) and then you could create login form easily on subpage using elements from shortcodes.html.

If you want to have it in the header part then custom code is needed and it will be more complicated to implement. We may send you basic code proposition via mail. Please send us e-mail, so we can send you the code back if needed.

Please let us know if we can be of further assistance.

Thanks and kind regards

hi I would like to try it. have seen your example, but it does not suit me. I will email you in a PM.

Hey Tencents,

Thank you for your comment

According to your question, please open style.css and replace:

body.boxed {background-color: #ededed;}

to for example:

body.boxed {background-color: #ededed; background-image: url('images/exemplary-background-image.jpg');}

where exemplary-background-image.jpg is any file name you would like to use as your background. Please not also that depends on if file dimensions and the result you would like to accomplish you might also consider to add no-repeat or repeat-x or repeat-y.

The image size depends on your vision and the goal you would like to accomplish for different resolution. If you would like to for example have the image heigh 800px and width 1280px with 1000px transparency in the middle of the image then it will be fully visible on the screen with resolution 1280×800. However for the optimization purpose the best could be and we recommend if you prepare the image in the way the frames are prepared, please have a look for example at images/frames/frame03.png. Then you need to add only repeat-y and prepare the images properly, similar way the frames are prepared. Exemplary code to add then:

body.boxed url("images/exemplary-background-image.jpg") center 0 repeat-y;

Please let us know if we can be of further assistance.

Thanks and kind regards

If you have got sticky header enabled then in style-headers.css please:

change from:

    header.sticky .social, header.sticky p.title>span, header.sticky form {display: none;}

to

    header.sticky .social, header.sticky p.title>span, header.sticky form, header.sticky .extra {display: none;}

Then it will work fine

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks a lot, It work great!!!

You are welcome

Hey Festa,

Thank you for your comment and great feedback We appreciate it

As fr your question: please replace in scripts.js

this lines:

        var t = $(this).offset().top;
        modal.css("top", t+"px");

to this:

        modal.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop())-150 + "px");

Then the position will be the same for all images.

Thanks and kind regards

Hey Class99,

Thank you for your comment and positive feedback We appreciate it

Please add this in style.css (best under /* team page */ section to keep the file well organized):

.team.col3 .img-border {width: 100%; max-width: 300px;}
.team.col2 .img-border, .team.col4 .img-border {width: 100%; max-width: 220px;}

Then images will work

Please let us know if we can be of further assistance.

Thanks and kind regards

hi,

when I changed the code, the pictures are shown correctly on tablets… but… the orange curtains remained after clicking the icons on it… anything you can do about that?

cd

Hi,

Thank you for your comment

Sure, it’s possible to eliminate it. Will inform you when this is done.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hi,

We are happy to inform that we have updated the portfolio hover on mobiles (latest version is possible to download), we can send you the updated scripts.js if needed or write you what you should change (more easily would be just to update scripts.js).

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Oostyle,

Thank you for your comment

We have made fixes to improve visibility on IE8, IE7 and IE6, however these browser are very outdated (especially IE6 and IE7) and they don’t support HTML5, CSS3 features and responsive mode.

Please also do note that nowadays very very little percent of people are using IE6 and IE7 and this trend is dropping. Here is the reference: http://gs.statcounter.com/#browser_version-ww-monthly-201307-201309 (IE6 and IE7 are so outdated and niche that they are not even included in the ranking).

Please let us know if we can be of further assistance.

Thanks and kind regards