Clickable Color Rollovers

ignotum.pix's picture
ignotum.pix
Thu, 05/05/2016 - 20:01
#1
Clickable Color Rollovers

I have the same question as Kevin, but link with solution is out of date :-/

If You can upload solution will be great :-) 

{Color Rollovers

hello,

Is it possible to add a link to the color rollovers on the home projects? At the moment only the text and image behind the color rollover is clickable. To increase simplicity it would be easier for users to be able to click anywhere on the color block not just the text in the center?

Thanks, }

http://html.megadrupal.com/forum/site-templates/van/575

phuonght's picture
phuonght
Fri, 05/06/2016 - 03:21

Hi,

Please open sites\all\themes\md_van\templates\views\page\portfolio\views-view-fields--portfolio--page.tpl.php

add following to wrap code section from line 27 to line 40:

<a class="image-wrap" href="<?php print $fields['path']->content; ?>">
....
</a>
ignotum.pix's picture
ignotum.pix
Fri, 05/06/2016 - 05:00

I opened this file and already have this code:

<div class="item-inner">
<a class="image-wrap" href="<?php print $fields['path']->content; ?>">
<?php print $fields['field_image']->content; ?>
</a>
<div class="caption" style="background-color: <?php print $fields['field_background_color']->content;?>; :before,:after{background-color: <?php print $fields['field_background_color']->content;?>}">
<div class="inner">
<h4 class="sm text-uppercase"><a href="<?php print $fields['path']->content; ?>"><?php print $fields['title']->content; ?></a></h4>
<em><?php print $fields['field_skills']->content; ?></em>
</div>
<div class="work-favorite">
<?php print $fields['value']->content; ?>
</div>
</div>
</div>

What should I change?

phuonght's picture
phuonght
Fri, 05/06/2016 - 05:15

Please replace it with:

<a class="image-wrap" href="<?php print $fields['path']->content; ?>">
<div class="item-inner">
<a class="image-wrap" href="<?php print $fields['path']->content; ?>">
<?php print $fields['field_image']->content; ?>
</a>
<div class="caption" style="background-color: <?php print $fields['field_background_color']->content;?>; :before,:after{background-color: <?php print $fields['field_background_color']->content;?>}">
<div class="inner">
<h4 class="sm text-uppercase"><a href="<?php print $fields['path']->content; ?>"><?php print $fields['title']->content; ?></a></h4>
<em><?php print $fields['field_skills']->content; ?></em>
</div>
<div class="work-favorite">
<?php print $fields['value']->content; ?>
</div>
</div>
</div>
</a>

ignotum.pix's picture
ignotum.pix
Fri, 05/06/2016 - 05:48

Is not working :/ I add photo what I mean, maybe you miss understood me. 

Image title

phuonght's picture
phuonght
Fri, 05/06/2016 - 22:08

Please send us your site admin account and FTP account. We would like to have a check then do customization for you. 

phuonght's picture
phuonght
Sun, 05/08/2016 - 22:16

Sorry,

We need your FTP account also. Please share with us.

Thank you.

phuonght's picture
phuonght
Tue, 05/17/2016 - 23:07

We fixed clickable area already. 

About email in contact form, it seems you added your email address already however we recommend you contact with your server provider to ask if they allow sending email or not. 

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.