Comodo SSL Seal does not work in theme

[gbhutto]

The seal and script work fine outside the theme. In the theme nothing happens when I click on the image. The SSL itself is works fine. See this sample page:

https://advantage20.com/test-comodo/

[Radu]

Most probably you will have to update theme to latest version 4.0.8 and the rest of plugins.

You will have to update theme to 4.0.8 your current version is 4.0.5 and after most important is to update Visual Composer, K-elements and Revolution Slider from wp-admin -> appearance -> install plugins, press update for these plugins.

We have two methods for update

1. Automatic theme updates:

– Go to WP admin – Theme options – Theme Update
– Enter Themeforest username and API KEY
– Save the options
– Go to WP admin – Dashboard (link should be like: /wp-admin/update-core.php) and you should see the theme there if there is a new update available
– Click the checkbox next to it and click to Update themes

2. Manually update theme by FTP.

– Connect to your server.
– Go to wp-content/themes/ and copy “kleo” folder to your computer so you have a backup of your old files.
– Extract kleo.zip that you have downloaded from Themeforest. Make sure the resulting “kleo” folder has a style.css in it. Delete on your server all files inside wp-content/themes/kleo and then copy all files inside “kleo” folder to your server in wp-content/themes/kleo

Important note : After you update the theme to latest version 4.0.8 please update the bundled plugins especially Visual Composer, K-element, Revolutions slider, Woocommerce and buddypress.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

All updates are now complete. (I’m not suing BuddyOress so it is not activated.)

The Comodo Seal is still not activated inside the theme the one outside the theme is working.

FYI If possible, I’d like to position it in the header between the logo and the main menu so it will appear on all pages.

[Radu]

Hi,

I see that the page that you have provided as example, if you click on this image : https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png it shows the image itself that means the code has not been pasted correctly, if you click on the image from the footer it;s ok open a link to show additional info about that certificate.

So the code from that page should be same as in the footer.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

I used the same image code for both locations.
I added the scripts in one place using Settings > Insert Headers and Footers.
So, the only difference between the two seals is the location.

[Radu]

Maybe the cause it’s because you have pasted the code into visual area not in text area, if you have a html or a js code you should paste that code into text mode… please try like that

Let me know
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

I deleted the image block and added a text block. Using “Add Media” I inserted the same image that appears outside the theme. It still doesn’t work.

[gbhutto]

Here is the code for the text block:

[vc_column_text][/vc_column_text]

Here is the header script:

<script type=”text/javascript”> //<![CDATA[
var tlJsHost = ((window.location.protocol == “https:”) ? “https://secure.comodo.com/&#8221; : “http://www.trustlogo.com/&#8221;);
document.write(unescape(“%3Cscript src='” + tlJsHost + “trustlogo/javascript/trustlogo.js’ type=’text/javascript’%3E%3C/script%3E”));
//]]>
</script>

Here is the footer script:

<script language=”JavaScript” type=”text/javascript”>
TrustLogo(“https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png&#8221;, “CL1”, “none”);
</script>

[Radu]

Hi,

just i’ve copied the entire code from the footer and i’ve pasted on a page with and without visual composer ant it works, see in this video how :

I’ve used this code https://drive.google.com/file/d/0Bxo5b6iHWRMwWXRnNWpFUFIyak0/view

COPY CODE

<script language="JavaScript" type="text/javascript">
TrustLogo("https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png", "CL1", "none");
</script>

<a href="javascript:if(window.open('https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_wnd_credentials'+(new Date()).getTime(),'toolbar=0,scrollbars=1,location=1,status=1,menubar=1,resizable=1,width=374,height=660,left=60,top=120')){};tLlB(tLTB);" onmouseover="tLeB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=C&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_popupCL1')" onmousemove="tLXB(event)" onmouseout="tLTC('tl_popupCL1')" ondragstart="return false;"><img src="https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png" border="0" onmousedown="return tLKB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5');" oncontextmenu="return tLLB(event);"></a>

<div id="tl_popupCL1" name="tl_popupCL1" style="position:absolute;z-index:0;visibility: hidden;background-color: transparent;overflow:hidden;" onmouseover="tLoB('tl_popupCL1')" onmousemove="tLpC('tl_popupCL1')" onmouseout="tLpB('tl_popupCL1')"></div>

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

I copied the code you supplied into a Raw HTML element.
Two problems:
1. It produces two images on the page.
2. When I hover over the images the correct pop up appears, however it is positioned below the rest of the page elements making it unreadable.

You can see this on the live site:
advantage20.com

[Radu]

Ok in that cause it mean it works… try to copy again the code from your provider and paste it where you need, from what i see in source code of the page it’s pasted twice, so copy again the complete code from that ssl provider and paste it into raw html element

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

I did as you said. I deleted the Raw HTML element and started over with a clean Raw HTML element. I copied the code in your message. Same results:

1. It produces two images on the page.
2. When I hover over the images the correct pop up appears, however it is positioned below the rest of the page elements making it unreadable.

You can see this on the live site:
advantage20.com

[gbhutto]

Ok it appears that an earlier text block was still there. I deleted code using the basic edit page rather than visual composer, because in visual composer the extra image was not visible. If it had been visible, there would have been 3 images on the live site, so that is not the cause of the problem.

[Radu]

I think the code is pasted twice… or the code ti generates like that

see the attached screenshot it’s twice same code

Please copy again the code of the badge from the ssl provider and paste it where you need, now you know how it make it to be displayed in page.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[gbhutto]

I got it to work by surrounding a section of your code with <span style=”display:none”>. I’ve pasted the revised code below. That just leaves the position of the pop up. It appears below the other elements on the page when you hover over it, making it impossible to read.

<script language=”JavaScript” type=”text/javascript”>
TrustLogo(“https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png&#8221;, “CL1”, “none”);
</script>

<span style=”display:none”>
</span>

[gbhutto]

I guess the code doesn’t post here. Maybe this will work

COPY CODE

<script language="JavaScript" type="text/javascript">
TrustLogo("https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png", "CL1", "none");
</script>

<a href="javascript:if(window.open('https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_wnd_credentials'+(new Date()).getTime(),'toolbar=0,scrollbars=1,location=1,status=1,menubar=1,resizable=1,width=374,height=660,left=60,top=120')){};tLlB(tLTB);" onmouseover="tLeB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=C&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_popupCL1')" onmousemove="tLXB(event)" onmouseout="tLTC('tl_popupCL1')" ondragstart="return false;" rel="nofollow"><span style="display:none">
<img src="https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png" border="0" onmousedown="return tLKB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5');" oncontextmenu="return tLLB(event);"/></span>
</a>

<div id="tl_popupCL1" name="tl_popupCL1" style="position:absolute;z-index:0;visibility: hidden;background-color: transparent;overflow:hidden;" onmouseover="tLoB('tl_popupCL1')" onmousemove="tLpC('tl_popupCL1')" onmouseout="tLpB('tl_popupCL1')"></div>

[Radu]

Hi,

I cannot this code on my localhost because it’s allowed to run only to your domain, paste the last code that you have provided there, most probably this will work.

I’ve told you where you can paste html+js code, in raw html vc element

COPY CODE

<script language="JavaScript" type="text/javascript">
TrustLogo("https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png", "CL1", "none");
</script>

<a href="javascript:if(window.open('https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_wnd_credentials'+(new Date()).getTime(),'toolbar=0,scrollbars=1,location=1,status=1,menubar=1,resizable=1,width=374,height=660,left=60,top=120')){};tLlB(tLTB);" onmouseover="tLeB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=C&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5','tl_popupCL1')" onmousemove="tLXB(event)" onmouseout="tLTC('tl_popupCL1')" ondragstart="return false;" rel="nofollow"><span style="display:none">
<img src="https://advantage20.com/wp-content/uploads/2015/05/comodo_secure_seal_113x59_transp.png" border="0" onmousedown="return tLKB(event,'https://secure.comodo.com/ttb_searcher/trustlogo?v_querytype=W&v_shortname=CL1&v_search=https://advantage20.com/test-comodo/&x=6&y=5');" oncontextmenu="return tLLB(event);"/></span>
</a>

<div id="tl_popupCL1" name="tl_popupCL1" style="position:absolute;z-index:0;visibility: hidden;background-color: transparent;overflow:hidden;" onmouseover="tLoB('tl_popupCL1')" onmousemove="tLpC('tl_popupCL1')" onmouseout="tLpB('tl_popupCL1')"></div>

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

When I pasted your new code into a Raw HTML element, the result was nothing on the page – no image, nothing.

I then removed the display:none span and the image showed up on the page.

Go to advantage20.com. The seal above the video is the one from yesterday. The seal below the video is the one from today. As you can see, they both work, except that the pop up on mouse over appears below the rest of the content on the page, making it impossible to read. That is the only issue now.

[Radu]

Ok,

In this case you should add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

div#tl_popupCL1 {
    z-index: 99 !important;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[gbhutto]

That did it!
Thanks for all your help!

[Radu]

You’re welcome

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts