Joomla Templates Club 406,261 posts

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#186154

I am unable to find the code to remove the grayscale from the OnePage Template.

See ‘Featured Projects’ on site below

re: http://www.cascinoservices.com

Seriously, any support on this matter would help. Thank you.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#487682

Hi Rockjoom,

– Please go to template setting and disable css compress method.
– Open your site on Chrome ( Firefox ) brower, use featured Inspect element ( Firebug ) , you could detect file and css rule for it . Please check out the screenshot http://prntscr.com/xqwcx , and you need to remove background attribute or change other values to make it work.

Regards

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#487949

attempted that. no luck. any thoughts? thanks

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#487950

Again, i could see you do not change background for portfolio block as my advice.
If you open file templates/ja_onepage/less/themes/modern/template.less, you could find

.portfolio {
background: url('/templates/ja_onepage/images/themes/modern/portfolio-bg.jpg') no-repeat left top;
background-size: cover;
}

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488199

Does not work. What we are seeking is the images in the portfolio section (featured projects) to be color without the layered opacity over them.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488436

You can try on this way

Open templates/ja_onepage/css/custom.css file

.portfolio {
background:none;
}

Let me know if it helps

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488473

No. Did not work.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488478

<em>@rockjoom13 367059 wrote:</em><blockquote>No. Did not work.</blockquote>

I’m not sure what you are implying. Just for better clarification, please include screenshot here for further investigation.

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488525

I added the code to templates/ja_onepage/css/custom.css file because there was no related code in the file. Also, it should be important to know that i am using the ja onepage modern template.
.portfolio {
background:none;
}

Adding code to file did not result in any changes. I am unable to add a screenshot at this time from mobile device.

I would hope to have this situation solved very fast. I believe that someone from joomlart knows how to resolve this. Thanks

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488527

Ninja Lead,

I sent you my information per your request http://www.joomlart.com/forums/topic/maybe-support-can-try-helping/.

Thank you for your support.

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488662

re: http://www.cascinoservices.com
So, there is not a single developer at Joomlart who knows where the code is place in JA Onepage Modern to remove the opacity grayscale in the Portfolio (Featured Projects) section of the template. I have been asking this question on the forum for weeks. I have given developers my login information twice already and neither have yet to respond. This is a joke, right? This template is a bust.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488695

<em>@rockjoom13 367134 wrote:</em><blockquote>Ninja Lead,

I sent you my information per your request http://www.joomlart.com/forums/topic/maybe-support-can-try-helping/.

Thank you for your support.</blockquote>

I have received your pm with the detail information but I am not sure if i understand the problem.

Please send me screenshots of your site and explain the issue. I will try to help you out.

[rockjoom13 Friend rockjoom13Join date: September 2012Posts: 36Downloads:0Uploads:0]

#488781

No need for a screenshot, just visit the site http://www.cascinoservices.com/
scroll down to “featured projects”
All this images are actually full color images, but they appear on the website as grayscale. There is some sort of opacity layer over the images which is what I am looking for in the template files, so that I can remove it.

I just want to resolve this, so the customer will get off my back. I challenge anyone from Joomart to answer this question. if not see http://www.joomlart.com/forums/topic/free-credit-for-those-that-used-one-for-onepage/

[gibbshypnotherapy Friend gibbshypnotherapyJoin date: January 2013Posts: 31Downloads:0Uploads:7 Thanks: 4]

#488814

Sharing your pain.

Anyway, I’m no expert, but this might help. I had a look at my own page with Chrome’s ‘inspect element’ and found the following code in template.min.css:

img.jaimage, div.circle_image .img-grayscale, .clients .img-grayscale {
max-width: none 9 !important;
filter: gray 9;
}

When I looked at your site I didn’t see that. It looks like you might have tried creating your own custom classes to try and solve the problem? I don’t really understand all this stuff, but if you search for that line of code I think it’s it.

Helpful page: http://www.html5rocks.com/en/tutorials/filters/understanding-css/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488821

<em>@rockjoom13 367456 wrote:</em><blockquote>No need for a screenshot, just visit the site http://www.cascinoservices.com/
scroll down to “featured projects”
All this images are actually full color images, but they appear on the website as grayscale. There is some sort of opacity layer over the images which is what I am looking for in the template files, so that I can remove it.

I just want to resolve this, so the customer will get off my back. I challenge anyone from Joomart to answer this question. if not see http://www.joomlart.com/forums/topic/free-credit-for-those-that-used-one-for-onepage/</blockquote>

Now, I understand your request, you can remove it from js file

Open templates/ja_onepage/js/script.js file

find and remove script below


$('img.img-grayscale, .img-grayscale img, .ja-cp-image img').each(function() {
$(this).wrap('<div style="display:inline-block;" class="gs-wrap"></div>')
.clone().addClass('gotcolors').css({'position': 'absolute', 'opacity': 0}).insertBefore(this);

Grayscale(this);
}).parent().hover(
function() {
$(this).find('.gotcolors').stop(true).animate({opacity: 1}, 700);
},
function() {
$(this).find('.gotcolors').stop(true).animate({opacity: 0}, 500);
}
);

if(window.$jacp){
$jacp(document).ajaxSuccess(function(){
setTimeout(function(){
$('.ja-cp-main .ja-cp-image img').not(function(){
return $(this.parentNode).hasClass('gs-wrap');
}).each(function() {
$(this).wrap('<div style="display:inline-block;" class="gs-wrap"></div>')
.clone().addClass('gotcolors').css({'position': 'absolute', 'opacity': 0}).insertBefore(this);
Grayscale(this);
}).css('opacity', 0).animate({opacity: 1}, 500).parent().hover(
function() {
$(this).find('.gotcolors').stop(true).animate({opacity: 1}, 700);
},
function() {
$(this).find('.gotcolors').stop(true).animate({opacity: 0}, 500);
}
);
}, 50);
});
}


Or you can download my attached file and copy it overridden with old file

Remember backup old file before doing

---

Attachments:

1. script.zip

[Author]

Posts