Also, how do I change the homepage pattern (the pattern which overlay on top of the homepage slider images)? I tried to change the original pattern.png file, but still nothing changes. Thanks a lot!

Sorry, I’ve figured out how to change the browser tab icon. But I have a new question… I want to change the fancybox-effects-d background color. I want to have a background color underneath the big image after clicked. I tried to edit the fancybox-effect-d code in custom.js, but it doesn’t seem working. And I still need help on changing the homepage pattern. Thank you, thank you!

Hi for the first problem the pattern you need to work in this part of css

.effectopacity { position: absolute; bottom: 0; width: 100%; height: 100%; background-image: url(../img/arrow-bg-1.png), url(../img/arrow-bg-2.png); background-repeat: repeat-y; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-animation: animate-effectopacity 6s forwards linear; -moz-animation: animate-effectopacity 6s forwards linear; -o-animation: animate-effectopacity 6s forwards linear; -ms-animation: animate-effectopacity 6s forwards linear; animation: animate-effectopacity 6s forwards linear; }

this charge the image image in the homepage.

2) If i understand good in the gallery image if you want the background you need to add this in custom.js in fancy code

helpers: { overlay: true, overlayOpacity : 0.8, // Set opacity to 0.8 overlayColor : ”#000000” // Set color to Black }

Regards

Hi,

Do you mean replacing code // Remove padding, set opening and closing animations, close if clicked and disable overlay $(”.fancybox-effects-d”).fancybox({ padding: 0,

openEffect: 'elastic',
openSpeed: 150,

closeEffect: 'elastic',
closeSpeed: 150,

closeClick: true,
arrows: true,
showArrows: true,
helpers: {
    overlay: null
}

to this? $(”.fancybox-effects-d”).fancybox({ padding: 0,

openEffect: 'elastic',
openSpeed: 150,

closeEffect: 'elastic',
closeSpeed: 150,

closeClick: true,
arrows: true,
showArrows: true,
helpers: {
    overlay: true,
    overlayOpacity  : 0.8, // Set opacity to 0.8
    overlayColor    : "#000000" // Set color to Black
}

I’ve tried that, but when I click onto the image, it jumps right back to the home page without opening a bigger image.

Sorry, one more question. I want the model page to show 6 images only instead of 9. Where to change that? Apologize for so many questions… but thanks a lot!!

Actually, I’ve figured out the images setting too! But still need help on fancybox background. Thank you!!

Hi no problem fo the questions, you pay the support for this, so i think i find where is the problem in side the file example: screen_black.css remove position:relative from class .block and class .cbp-fbscroller section my work write my it s ok also for you Regards

Hi, I don’t think that is what I’m looking for. I still need help on fancybox background but not the images. I want to have a colored background underlay the popup image, so the background tiles wont be as obvious. Adding the below code in custom.js doesn’t work, It jumps back to the homepage when I click onto the images and doesn’t pop up a bigger image. helpers: { overlay: true, overlayOpacity : 0.8, // Set opacity to 0.8 overlayColor : ”#000000” // Set color to Black }

Thanks!

i write you try this

remove position:relative from class .block and in the class .cbp-fbscroller, i download the file from envato and i do this and wrok

Regards

The position:relative doesn’t change the fancybox background color, it changes the size of my images. I don’t think we are talking about the same thing.

Thanks

I want to change fancybox color, not size. Thank you!

this not change the size this fix the bug when you click no jump up in the home bu open the big image prom the portfolio with the background black, if you write me an email i send my example

This is weird, it still doesn’t work to me. I’ve sent you an email, can you reply me to my email?

Thank you very much!

Never mind, I have finally figured it out. Don’t need to remove position:relative, but edit background color code in fancybox-overlay css in jquery.fancybox.css

Thank you so much for all your help!

Hi, do you know how to add a video in the image gallery (in fbsecton4 – portfolio section)? I wonder is it possible to play a video once you click onto an image. Thanks a lot!

Also, I would like to add the overlap opacity background in fancybox. I want to have a semi-transparent colored background when the bigger image pops up in the gallery. Example: http://jsfiddle.net/jRsjK/ I forgot how I did it last time and I can’t get it back now… And I tried to edit the fancybox-effects-d code, add background color in the code, but my website won’t work after I add that. Do you know how to do that? Thank you so much!

Hi i think for the overlay need only to add in the function fancy helpers: { overlay: true }

for the video i need to try and i come back with the answer

Hi, I tried to change fancybox function to overlay: true, but after that when I click onto an image in the gallery, it will jump back to the homepage. Do you know how to fix that? Thanks a lot!

hi send my one email i send you the template where i do

sent

Hi, can you tell me where exactly have you edited in the code? It is because I’m using the screen_menuUp version but you have attached the screen_black version in your email. It will be easier for me to just change the codes that you have edited. Or if you don’t mind sending me screen_menuUp version via email is good too! Thanks a lot!

Hi, can you tell me where exactly have you edited in the code? It is because I’m using the screen_menuUp version but you have attached the screen_black version in your email. It will be easier for me to just change the codes that you have edited. Or if you don’t mind sending me screen_menuUp version via email is good too! Thanks a lot!

add in the jquery.fancybox.css this :

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 99999; background: url(‘fancybox_overlay.png’); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

Sorry… It doesn’t work. I actually copied your entire jquery.fancybox.css code into mine. I see yours is working but it doesn’t change anything on mine. Was there anything else you did in the code? Thanks a lot!

add in every link

data-fancybox-group=”button”

Sorry, it still doesn’t work… Still nothing changed. Thank you!

Hi from .cbp-fbscroller section : remove position:relative

write me back if it s ok

Sorry, it still doesn’t work. Nothing changed in the image tiles. And after I removed position:relative in .cbp-fbscroller section, the About page image got removed and the Homepage slides shows in the About page image area.

Thanks a lot!

hi can you send my in my email and i fix for you and i write you wat i change if you want

I sent you an email. Thank you!

Hi, have you received my email? Can I have the menuUp style with fancybox color overlay code fixed? Thanks!

if you explain my what is this or send the picture i tell you but now i dont understand what is this problem