-
AuthorPosts
-
March 12, 2021 at 8:35 pm #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.zipI 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, 9 months ago by cindybird52.
March 12, 2021 at 11:19 pm #1287892i 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   ; 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 codeMarch 13, 2021 at 12:30 am #1287895So 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!March 13, 2021 at 1:09 pm #1287946yes: 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. )
March 13, 2021 at 5:25 pm #1288038Please answer Yes or No:
I should KEEP my HTML characters inside the Caption field even though ENFOLD has a warning.
March 13, 2021 at 6:42 pm #1288043i 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.March 13, 2021 at 7:01 pm #1288045Thank you! I will keep it since the site is operating normal.
March 16, 2021 at 1:38 pm #1288519Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.