WebSite X5Help Center

 
Giulio V.
Giulio V.
User

Advertising Message Needs Attention  en

Autor: Giulio V.
Visitado 1327, Seguidores 1, Compartilhado 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.

Publicado em
24 RESPOSTAS - 3 ÚTEIS
Giuseppe Guida
Giuseppe Guida
User

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>

Ler mais
Publicado em de Giuseppe Guida
Joabe Arruda
Joabe Arruda
User

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:

<style> #splashbox-advcorner .imClose { width: 4em; height: 4em; border-radius: 50%; border: 1px solid #282828; cursor: pointer; background-image: url(https://cdn-icons-png.flaticon.com/64/463/463612.png); } #splashbox-advcorner .imClose .imCloseInn { visibility: hidden; } </style>

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. :)

Ler mais
Publicado em de Joabe Arruda
Giulio V.
Giulio V.
User
Autor

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.

Ler mais
Publicado em de Giulio V.
Giuseppe Guida
Giuseppe Guida
User

You're right Joabe, I had misidentified the ID relative to the closing X...

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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>

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

without my code:

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

with my code:

Ler mais
Publicado em de Giuseppe Guida
Joabe Arruda
Joabe Arruda
User

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! :)

Ler mais
Publicado em de Joabe Arruda
Joabe Arruda
Joabe Arruda
User
Giulio V.
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.

Julius, above there are 3 options that you can use and do this. :)

Ler mais
Publicado em de Joabe Arruda
Joabe Arruda
Joabe Arruda
User

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. :)

Ler mais
Publicado em de Joabe Arruda
Giulio V.
Giulio V.
User
Autor

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.

Ler mais
Publicado em de Giulio V.
Erik Gandino
Erik Gandino
User

[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

Ler mais
Publicado em de Erik Gandino
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

 x Giulio V., ... (It > En) ... ... here you will find valid and easy codes of my exclusive inventions:
>> https://helpcenter.websitex5.com/pt/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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
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. :)

Va bene, ciao

Saluti dall'Italia

Ler mais
Publicado em de Giuseppe Guida
Giulio V.
Giulio V.
User
Autor

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.

  • How can I stop the Advertising message from appearing on Lower Resolution screen sizes? This would probably be the best solution.

  • How can I adjust the size of the X to make it smaller?

Thank you for this assistance.

Ler mais
Publicado em de Giulio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giulio V.
Giulio V.
User
Autor

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.

Ler mais
Publicado em de Giulio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT
Giulio V.
....... ...  I think I need to upload the web site before I can send you the LINK. Am I correct? ...... ... .

... 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giulio V.
Giulio V.
User
Autor

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.

Ler mais
Publicado em de Giulio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

... 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giulio V.
Giulio V.
User
Autor

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... 

Ler mais
Publicado em de Giulio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

... 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪