Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 4, 2018 at 12:53 am #893008
    annameis

    Hi – I have a photo background inserted into a grid row element and I want that background photo to be a link without placing a button on it (see link). I can’t seem to figure this out….would you please suggest the best way to do this?

    Thanks-
    Anna

    January 4, 2018 at 4:57 am #893071
    Mike

    Hey annameis,
    Use a Full Width Button element and add this to Quick CSS to remove the button background so the grid cell background is visible:

    .flex_cell_inner .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center a{
height: 400px;
}

    adjust the link height to suit.

    Best regards,
    Mike

    January 5, 2018 at 3:56 am #893547
    annameis

    Thank you! This does the trick on the photos, but it also makes ALL of my buttons 400px in height. Is there a way to limit it to just these?

    January 5, 2018 at 4:21 am #893550
    Mike

    Hi,
    Please Try adding this code to the end of your functions.php file in Appearance > Editor:

    add_theme_support('avia_template_builder_custom_css');

    this will allow you to add a custom class to your buttons.
    2018-01-04_211420
    then add this class to your css, for example the screenshot shows “bigbutton” as the class:

    .flex_cell_inner .bigbutton .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center.bigbutton a{
height: 400px;
}

    When editing functions.php you should use the child theme, Read about it & Get it here

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.