Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1287871

    I would like to use an IMG in my caption field of my Fullscreen Slider without showing HTML characters. Upon trying to download the Special Character Plugin it is not found:
    https://github.com/KriesiMedia/enfold-library/raw/master/integration%20plugins/Enfold/Special%20Character%20Translation/avia-special-characters_1_0_1.zip

    I have battled with trying to place a logo as a caption on my sllider. It works but a message tells me I may break the theme. I also tried replacing a noted PHP file that I found on a thread here on Support Forum but after doing so it broke the page with an error. I reverted the PHP file to restore the page.

    Thank you in advance, and suggestions are greatly appreciated. This is what I would like to have in my caption:

    • This topic was modified 3 years, 8 months ago by cindybird52.
    #1287892

    i do not really know what you might think this plugin does. If it is only to insert a html entity that could not be seen – it is not neccessary.
    you can insert &nbsp ; without that space ( between p and semicolon ) – and you will have a invisible heading there – where you can insert your logo either as pseudo-container background like here: https://webers-testseite.de/tesla/
    you see that i did it a bit different – you can make this heading invisible by font color : transparent ( i let it at opacity 0.1)
    or set the text-indent to a big value ( -2000px). the advantage would be a SEO one – because there is a heading f.e. Tesla Logo then.
    i gave a custom class to the slider: tesla

    .tesla .slide-1 .avia-caption-title {
        color: rgba(255,255,255,0.1);
    }
    
    .tesla .slide-1 .avia-caption-title::before {
        content: "";
        width: 100px;
        height: 100px;
        position: absolute;
        left: -60px;
        top: -60px;
        background-image: url(/wp-content/uploads/TESLA-logo.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    or – you replace the content directly with the image:

    .tesla .slide-1 .avia-caption-title {
        content: url(/wp-content/uploads/TESLA-logo.png);
    }

    if this will work on all browsers – i don’t know
    This above is only for slide-1 – if this should be for all slides – let that class out from the css code

    #1287895

    So I have placed HTML for the Tesla logo image to appear in the (Fullscreen Slider) CAPTION area as follows and the logo appears.

    This is the page: https://cmgdetailing.com/tesla-detailing-and-ceramic-pro-wisconsin/

    IF I am understanding you correctly, it is OKAY to have the HTMLcode above IN the caption field even though it says not to do this? It tells me to NOT use HTML characters unless I have the Special Character plugin.

    If I leave the code in the Caption are, will the site front or Back-end break as it states? I am using the newest ENFOLD.
    Thank you!

    #1287946

    yes: this is not a warning that you have activated the self-destruction button : it might break !

    Warning: Characters <,>,[,] might break ALB backend or frontend. Read more if you want to use them. You can use valid HTML markup.

    And you see in detail what characters could indicate that. – those which are correlated with code ( tags etc. )

    #1288038

    Please answer Yes or No:

    I should KEEP my HTML characters inside the Caption field even though ENFOLD has a warning.

    #1288043

    i see your logo on your page – does it break your layout ??? – no – so ?
    it might – conditional case
    As i said above – this is not a selfdestructing information – try it – if it works – good – if not change it.

    #1288045

    Thank you! I will keep it since the site is operating normal.

    #1288519

    Hi cindybird52,

    The warning message is only that, a warning. If you read the message which @guenni007 quoted, you won’t see anything about HTML not being allowed. It only tells you to close any markup you add properly.

    Best regards,
    Rikard

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