Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #610709

    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>
    #610712

    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

    #613164

    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!

    #614741

    Hey!

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

    Regards,
    Josue

    #628510

    Hi Josue!

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

    #628576

    You are welcome, glad to help :)

    Regards,
    Josue

    #628734

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

    #628948

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    #629457

    worked great. Thank you! :)

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