Show image title without mouse over

Dear harry009blog,

Thanks for your post.
Please follow these steps for removing the hover effect and making the title to be displayed permanently:

1) find the templates/front-end/view/hover-general.css.php file
line 478 and replace

.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}

with

.mask-text h2 {
font-size: 20px !important;
margin: 0 !important;
padding:0 !important;
}

2) in line 527

replace /* view 4 */

.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}

.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}

.view-forth .mask-text h2:hover {
cursor: pointer;
}

.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}

.view-forth p {
color: #fff;
}

with

/* view 4 */

.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
}

.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}

.view-forth .mask-text h2:hover {
cursor: pointer;
}

.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}

.view-forth p {
color: #fff;
}

We will wait for your results.

Thanks

Huge-IT Support Thanks for reply.

Nothing change seen from your solution.

can you please recheck your solution and update me asap.

I am awaiting for your reply.

Thanks

Dear Harry,

Please replace the content of this file templates/front-end/view/hover-general.css.php file

with the one downloaded from this link

We will wait for your results.
Thanks

Thanks.
it works awesome.

Dear Harry,

We are so happy with the results you got ??
Thank you very much for keeping us informed.
In the case, if you need our help any further, feel free to ask.
We will be glad to assist.

Wish you all the best!