Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 10, 2016 at 1:22 am #610709
    bobfurgo

    Hi guys! I have another question regarding this recent post that is now closed: https://kriesi.at/support/topic/fade-background-opacity-on-hover/

    Everything looks great but I just need help with how to make the entire block clickable, currently you can only click on the text areas. I believe I have the html in the code block elements set up wrong and can’t figure out how to fix them. Here is the html:

    <center>
<div class="custom-icon-1"></div>
<p style="text-align: center;"></p> [av_hr class='invisible' height='-14' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''] <h6 style="text-align: center;"><a href="http://v3.digital-ammo.com/expertise/#websitedesign">PREMIUM WEBSITE DESIGN</a></h6>
[av_hr class='invisible' height='12' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''] <h5 style="text-align: center;"><a class="description" href="http://v3.digital-ammo.com/expertise/#websitedesign">Lorem ipsum dolor sit amet, consectetur elit. Vivamus accumsan vitae justo sed commodo. Cras aliquet fermentum massa.</a></h5>
</center>
    April 10, 2016 at 1:44 am #610712
    Josue

    Hey!

    You’d need to convert columns to links, try replacing /enfold/config-templatebuilder/avia-shortcodes/columns.php with the following:
    https://gist.github.com/josueochoa/1ca3fccab73abc9974518bbbee401996

    That will allow you to set a Link for each column.

    Best regards,
    Josue

    April 13, 2016 at 8:04 pm #613164
    bobfurgo

    Hi Josue,

    Thank you for this! So this means that i’ll need to go into the parent theme’s functions.php files, correct? If so, I feel slightly uncomfortable modifying these files. Is there any css or html arrangement that would allow me to accomplish this same goal? Appreciate any input. Thank you!

    April 15, 2016 at 11:42 am #614741
    Josue

    Hey!

    You can use the following to have a child theme version of columns.php:

    Add new or replace Advanced Layout Builder elements from Child Theme

    Regards,
    Josue

    May 7, 2016 at 1:32 am #628510
    bobfurgo

    Hi Josue!

    I finally tried this out and it works FANTASTICALLY. Thank you SO much for helping me out with this!!!!!

    May 7, 2016 at 10:15 am #628576
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    May 8, 2016 at 12:12 am #628734
    bobfurgo

    One question, when I hover over the column the text has a text decoration. How can I get rid of this?

    May 9, 2016 at 2:26 am #628948
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    a.flex_column {
    text-decoration: none !important;
}

    Cheers! 
    Josue

    May 9, 2016 at 8:19 pm #629457
    bobfurgo

    worked great. Thank you! :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘make entire block "clickable"’ is closed to new replies.