Advertising Message Needs Attention 
Author: Giulio V.
Visited 1672,
Followers 1,
Shared 0
I have asked this question before and I hope to finally get some help.
When I use the Advertisement Message is there a way to make the Little X in the upper right corner Bigger?
Customers have mentioned they don't know how to clear the Advertisment Message. Even when I am on a page with the customer I have to tell them to click the tiny x in the upper right of the message.
On many other websites all that is necessary to clear the Ad message is to just click outside the message to make it go away. This does not work on an X5 page.
I hope someone can advise how to make that Very small X larger and more visible, or how to make the Ad go away by clicking outside the message.
Posted on the
Hi, try to enter this code in STEP 1 SETTINGS / Statistics and Code / Code / Custom code / Before closing the HEAD Tag:
<style>
.splashbox img {
width: 40px !important;
</style>
Hello Giulio, unfortunately these specific changes is only possible using stylization with the insertion of CSS. :)
Giuseppe's intention was good, but this isn't going to work and it's going to break the page.
for proper functioning, there is the option to insert a class in the DOM so that the object style is changed and the customization insertion is made.
I don't know exactly what you want to change, but if that's what I'm thinking, this CSS below can help:
CSS HERE:
Just copy and paste this into the system code area > before the HEAD tag closes and the magic happens!
Deve ficar algo parecido com isto:
Regards. :)
Author
Thank you for the replies...
What I am trying to change is that rediculously tiny X in the right upper corner.
Please see attached photo. The Red Arrow points to the tiny X that needs to be much larger.
You're right Joabe, I had misidentified the ID relative to the closing X...
The closing bracket } was missing in my code and you have to remove "! Important" and it works:
So it should be fine:
<style>
.splashbox img {
width: 40px;
}
</style>
without my code:
with my code:
True Giuseppe, now your CSS works, the problem is that the image is too small, so it gets low quality. And also taking into account good practices, it is better to insert the absolute reference in the DOM to avoid conflicts in other parts of the site.
It is even another tip for the friend Julio, you can modify the image within the source of your website, just insert one of higher and better quality with pixels between 40 to 60. :)
Path here:
This would actually be the best option, because the standard CSS of x5 picks up just the size of the image.
But any of the 3 options work perfectly! :)
Julius, above there are 3 options that you can use and do this. :)
Giuseppe, I saw that you also develop templates for websiteX5.
I'm with an excellent project, I'm developing a robust mult-affiliate platform for this, where people can share to earn a commission, buy products directly or simply nominate other affiliates and also earn a commission.
You can be accepted as one of the template vendor I already own, in addition to the ones we will already insert, because the more the better! If you're interested, call me here wa.me/5511995683060
Best Regards. :)
Author
OK - Now I am Completly Confused. LOL... You folks are a bit ahead of my knowledge with the code. I did use Giuseppe's code and noticed it won't open any pages when I do a preview.
All I wish is to make the X bigger without causing any problem in the website.
I hope we can put our heads together and determine the best solution. I don't know why Incomedia can't make the Advertising message just go away when clicked ouutside the Ad like so many websites do.
Your thoughts and best suggestions are greatly appreciated.
[quote="Joabe Arruda"] Giuseppe, I saw that you also develop templates for websiteX5. I'm with an excellent project, I'm developing a robust mult-affiliate platform for this, where people can share to earn a commission, buy products directly or simply nominate other affiliates and also earn a commission. You can be accepted as one of the template vendor I already own, in addition to the ones we will already insert, because the more the better! If you're interested, call me here wa.me/5511995683060 Best Regards. :) [/quote][quote="Joabe Arruda"]
Ok Joabe, tomorrow I'll contact you
Regards
x Giulio V., ... (It > En) ... ... here you will find valid and easy codes of my exclusive inventions:
>> https://helpcenter.websitex5.com/en/post/252477
... if you need clarification or other help, please notify me, and in case you must also post the LINK of your page to be able to verify...
.
ciao
.
Va bene, ciao
Saluti dall'Italia
Author
Hi KolAsim
Great Job! I found your code and that small X is now much larger, thank you so much.
Now I have a new issue with it.
When the Advertising message pops in The X does not scale down and overlaps on the message. The now larger X is quite large for my breakpoint of 479px and 320px PLEASE See the attached example.
What I would like to ask is the following.
Thank you for this assistance.
ciao, ... without your LINK that I asked you before posting, I cannot verify and evaluate ...
... anyway you can try with this code:
<style>
@media all and (max-width: 479px) {
#splashbox-advcorner {display:none !important }}
</style>
ciao
.
Author
Hi KolAsim
Do I need to add this new code in addition to the code that I already included that made the X bigger, or should I delete that code and replace it with this new code?
I think I need to upload the web site before I can send you the LINK. Am I correct?
Thank you for your expertise.
... yes...
... if i don't see the page online i can't verify ...
... however the code is independent ...
... when you post your LINK I will come back here ...
Hello, ciao
.
Author
Hi KolAsim
I added the additional code and previewd it before uploading it and it worked well.
Now that it is online all I get after the 15 second wait is just the Tiny X. Please see the attached photo.
You need to wait 15 seconds for it to appear. Thank you.
Author
Sorry, Here is the LINK. https://prolinesystems.net/eclipse-electronic-measuring-system.html
.
... try this unique code, replacing the previous codes ...
... could fit all resolutions ...
... eventually you notify me if you want some changes:
<style>
#splashbox-advcorner .imClose {top:-20px; right:-20px;width: 40px; height: 40px; border-radius: 50%; border: 2px solid black; cursor: pointer; background-image: url(https://cdn-icons-png.flaticon.com/64/463/463612.png);
background-size:100%; background-color:transparent !important}
#splashbox-advcorner .imClose .imCloseInn { display:none !important }
</style>
Hello
Author
Hi KolAsim
Great Job! It appears the code is working correctly now. I am thinking the photo for the ad may be a little too big or obtrusive.
If I made the photo smaller would the Red X scale down as well?
Or do I need to adjust the red X accordingly, is there somthing in the code I can adjust on my end to make the X a little bit smaller?
Thank you, you are amazing...
... in this way, in bold, you change the measurements and positioning (coordinates):
<style>
#splashbox-advcorner .imClose {top:-16px; right:-16px; width: 34px; height: 34px; border-radius: 50%; border: 2px solid black; cursor: pointer; background-image: url(https://cdn-icons-png.flaticon.com/64/463/463612.png);
background-size:100%; background-color:transparent !important}
#splashbox-advcorner .imClose .imCloseInn { display:none !important }
</style>
--------------------------
note: ... you should download the image (X), and use it directly from your server / site and not from an external URL ...
-
ciao
.