Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 6, 2016 at 11:53 am #643408
    AWZ

    Moin,

    how can I change the overlay / link content “klick mich”?
    Default is a white fontcolor. The color can changed in the theme styling or per css?

    Thanks Sven

    June 6, 2016 at 12:02 pm #643410
    Yigit

    Hey AWZ,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: 'klick mich';
}

    Then you can go to Enfold theme options > Advanced Styling and edit image overlay and change its colors

    Best regards,
    Yigit

    June 6, 2016 at 12:12 pm #643414
    AWZ

    Thanks.

    I want to change also the wording: “klick mich”
    How does it works?

    June 7, 2016 at 7:02 am #643820
    Josue

    Hi,

    You can change that in the code Yigit provided:

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: 'word';
}

    Best regards,
    Josue

    June 7, 2016 at 9:29 am #643897
    AWZ

    Hi again,

    aaah now I understand, what you mean. You suggest a way to change the symbol – the symbol (arrow) is ok for me. But thank you – it was very interesting how to change it.

    Please look at the link and to the two downloadable items. Above is a caption “klick mich” in white (not the arrow). I want to change this wording for example in “download”. The class selector is “avia_iconbox_title”. With css pseudo selector :before and :after it doesn´t work for me.

    .avia_iconbox_title:before {
    content: 'download';
}
    June 7, 2016 at 9:57 am #643913
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    June 7, 2016 at 9:58 am #643915
    AWZ

    PS. Do you have a reference of the fontello code “font awesome”? If I use the code of http://fontello.com/ the signs doesn´t fit to the displayed sign.

    June 7, 2016 at 10:01 am #643918
    AWZ

    Look down under

    June 7, 2016 at 12:06 pm #643983
    Josue

    Hi,

    Change it here:
    http://screencast.com/t/3EZh5EP7nxx4

    Best regards,
    Josue

    June 7, 2016 at 1:38 pm #644040
    AWZ

    Thank you. It´s so simple! Read over that shortcode.

    PS. To change the sign: Do you have a reference of the fontello code “font awesome”? If I use the code of http://fontello.com/ the signs doesn´t fit to the displayed sign.

    June 8, 2016 at 4:29 am #644492
    Josue

    Hi,

    Custom additional fonts need to be imported first, please check:

    Best regards,
    Josue

    June 8, 2016 at 10:56 am #644686
    AWZ

    Thank you for the film to integrate new fontellos.

    Do you have a reference of the fontello font awesome, that you have integrated in enfold for shortcodes like this:
    icon='ue82d' font='entypo-fontello'

    The code of the signs on and the preview of http://fontello.com/ doesn´t fit. Just try it. Select a font awesome sign. Go to “customize codes”. You can copy and paste the number. You will get an unespected sign.

    Thanks

    June 8, 2016 at 11:48 am #644721
    Josue

    Hi,

    Enfold does not use fontawesome but entypo. What exact icon do you want to use? we can include it for you.

    Best regards,
    Josue

    June 8, 2016 at 12:03 pm #644746
    AWZ

    Ah ok.

    We want to be flexible and use different icons. The long way is create a new icon and look in the avia shortcode like this:
    [av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon]

    I thought only you have a reference of it to make it faster…

    June 8, 2016 at 1:18 pm #644791
    Josue

    Ah, no there’s no reference but you can also check the icon codes by hovering on the icons – http://imgur.com/1H9lRE0

    Best regards,
    Josue

    June 8, 2016 at 1:59 pm #644821
    AWZ

    Perfect! And that works for me.

    Thanks Josue

    June 8, 2016 at 2:20 pm #644838
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Image Overlay’ is closed to new replies.