-
Posts
-
Good evening, I would like to move an image on my site, it is the yellow image in the slide. Originally, it was below right in front of the “list with icon”. I used this css code to move it :
div.avia-image-container-inner {
position:absolute;
top:-380px;
left:-130px;
}
already I think it is not very well centered, and it is especially responsive aps in mobile it appears anyhow. I just want it in the slider.
Could you help me please, it’s pretty urgent.Cordialy
Hey gabs01,
If you are placing the image in an absolute position then it stops being “responsive”, you can use media queries to put it in different positions for different screen sizes.
Best regards,
RikardThank you for the answer but I did not understand. I tried this CSS code but it does not work well.
div.avia-image-container-inner {
position: absolute;
top: -380px;
left: -130px;
}In desktop it comes out rather correctly but not in mobile.
What should I do concretely please?cordially
Hi,
You could try something like this to target mobile screeens:
@media only screen and (max-width: 479px) { top: 0; left: 0; }Best regards,
RikardHello, no sorry it does not work
the image encroaches on the text and in the CSS part of the crossword of errors appear.Have a good day
Good evening, nothing but the code generates errors when I put it in Customize, ad-hoc CSS.
This is where you have to put it no?
I do not know which values to modify.
Good nightHi,
Ok, what errors are you getting? Did you try to adjust the 0 values in my example? Please note that we are here to help with theme related problems, not general web development. If you want to learn basic CSS then I can recommend W3Schools.
Best regards,
RikardGood evening,
I know thank you please I have already renewed the support twice. Just a favor I also know a little CSS. I know better the CSS on desktop phone I’m struggling. The problem is that when I put your code in the customize part – additional CSS, I put 2 red cross and it tells me that it can break the site. These are the values that are involved because they are the general code.Thank you for your understanding.
Good nightHi gabs01,
Could you please attach some screenshots of the red crosses that you’re getting?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaGood evening, I can not send you screen here. I enclose the temporary administrator access in the private content area.
Hi,
Thanks for the update.
We moved the image inside the slider caption field, use “snap-pronosgame” as a class attribute and added this css code.
.avia-slideshow li img.snap-pronosgame { width: 180px; height: 180px; } @media only screen and (max-width: 767px) { .avia-slideshow li img.snap-pronosgame { width: 90px; height: 90px; } }Best regards,
IsmaelExcuse me I saw the results it comes out very well on mobile, not at all in the desktop. It’s enormous.
Hi,
It is displaying properly on desktop view. Did you remove the browser cache? Please purge the cache and then test the page again. Or do a hard refresh.
Best regards,
IsmaelHello,
indeed it works sorry.
Thanks to you, just one thing, or put the class “snap-pronosgame” please.
Have a good dayHi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHello, I would like to cancel that. It poses me problems on my site, I erased the code css, the photo remains always. How should I do it? I still want to keep the image in the library
thank you in advanceHello, since I made this change (the addition of an image in the slide home) that I asked, every time I put pictures they appear on the other elements, I am sure it’s because of that, before I did not have this problem. I would like to remove this modification but even when I delete the CSS code I still have the same problem. I do not know what to do.
I can not bother with screenshot here it’s a pity.Hello,
you can undo what you have done please, even by deleting the image snap-pronosgame I still have a trace. I do not know where to fix it even by activating a child theme, the changes remain. It’s urgent, please.
Meci in advance
Have a good dayHi,
I added the image directly in the slider’s caption field.
<img class="snap-pronosgame avia_image lazyloaded" src="https://pronosgame.fr/wp-content/uploads/2018/06/snap-pronosgame-180x180.jpg" data-lazy-src="https://pronosgame.fr/wp-content/uploads/2018/06/snap-pronosgame-180x180.jpg" alt="snap Pronosgame" title="snap-pronosgame" itemprop="thumbnailUrl" data-was-processed="true">You can remove that code.
Best regards,
Ismael
- The topic ‘Moving elements’ is closed to new replies.