Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #300068

    Hi there!

    i would like to change the avia-menu-fx ‘line’ that lights up when you scroll over a menu. Can I change this into an image (I would like a triangle instead of a small line), if so where should I change it.

    Thanks! Moniek

    #300073

    this is an interesting question because there are already some settings for it:
    avia-arrow-wrap and avia-arrow

    if you set:
    .avia-menu-fx .avia-arrow-wrap { visibility: visible;}

    to visible ther is a little arrow on the current menu point.

    #300106

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .avia-menu-fx { height: 7px; background-image: url(https://drj11.files.wordpress.com/2009/04/ramp3-50.png); background-size: cover; }

    Regards,
    Yigit

    #300213

    thanks for the solutions!

    @Yigit
    , I can add this image now through quick css, but somehow it repeats the image and doesn’t just show one triangle. what can I do to change this?

    thanks!

    #300214

    Hi!

    Please change the code to following one

    .avia-menu-fx {
    height: 8px;
    background-image: url(https://test-thumbsup.nl/wp-content/themes/nieuwenhuis/images/layout/driehoek.png);
    background-repeat: no-repeat;
    background-color: transparent!important;
    width: 10px;
    display: block;
    left: 50%;
    }

    Regards,
    Yigit

    #300251

    Thanks so much Yigit! It works :)

    #300253

    Hey!

    You are welcome Moniek, glad we could help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Avia-menu-fx change image’ is closed to new replies.