Return to previous page

The Name of image uploaded shows up on slider

This topic has 12 replies, 3 voices, and was last updated 11 months ago ago by Tony Rodriguez

mch

Participant

June 7, 2023 at 08:44

Hi

Private Content

Please, contact administrator
for this information.

#358798 Copied Theme version: 9

11 Answers

Rose Tyler

Support staff

June 7, 2023 at 12:55

Hello,

Thank you for contacting us and for using XStore.

1/ Please check this topic – https://www.8theme.com/topic/turn-off-tooltips-text-on-single-product-page-images/

2/ Please provide URL of page with the Carousel and a screenshot of the problem.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

#358837 Copied

mch

Participant

June 7, 2023 at 21:01

Where should I add this: ?

img[title] {
pointer-events: none;
}

———-

https://prnt.sc/t0dsAswAExSl
it is home page of my website

#358885 Copied

Rose Tyler

Support staff

June 8, 2023 at 08:12

Hello,

Custom CSS code can be added in Theme Options > Theme Custom CSS, or in the style.css file of your child theme.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#358914 Copied

mch

Participant

June 11, 2023 at 12:07

Thank you

How can I remove these option (the arrows): https://prnt.sc/inaMXpsPvq-b

#359114 Copied

Rose Tyler

Support staff

June 11, 2023 at 12:15

Hello,

We do not see the arrows on your site – https://prnt.sc/ddsQ_KCdWxEE Please clear cache and check one more time.

Do you use the default WBakery Image carousel element? Please check its settings – https://prnt.sc/OmI8OKXl76SP

Kind Regards,
8theme team

#359117 Copied

mch

Participant

June 11, 2023 at 13:52

In Image Carousel:

This is original color:
https://prnt.sc/ihOEUMoantuy

if Mouse is moved over the image turns fade like this https://prnt.sc/o_tpuOysXjM0

How can I remove this option? I dont need faded image, it must be original colors.

Thank you

#359125 Copied
Rose Tyler

Support staff

June 11, 2023 at 13:55
Hello,

Thank you for your response.
The next custom CSS code can be used:
```
.wpb_images_carousel .swiper-slide:hover img {
    opacity: 1 !important;
}
```
Kind Regards,
8theme team
#359127 Copied
mch

Participant

June 11, 2023 at 14:02

I tried and cleared catches after it, it didn’t work.

& this one https://prnt.sc/fiPlI8rzbLwE I think sometimes works sometimes not.

I cleared catches after adding the CSS code.

#359129 Copied
Rose Tyler

Support staff

June 11, 2023 at 14:52
Hello,

Thank you for your response.

Please change the previous code to:
```
body .wpb_images_carousel .swiper-slide:hover img {
    opacity: 1 !important;
}
```
“& this one https://prnt.sc/fiPlI8rzbLwE I think sometimes works sometimes not.” – this is not wpb_images_carousel, so it is not affected by previous code. Do you mean banners are not the same height?
It is because you are using large images in different size from the start. For this row, you need to prepare 3 images of the same size. Do not forget to optimize images before uploading them to your media library – https://tinypng.com/

Kind Regards,
8theme team
#359136 Copied
mch

Participant

June 11, 2023 at 16:52

You or your colleague game me this code

.home #banner-7126 img {
height: 500px !important;
}

for Banner height and I added to CSS, but doesn’t work

anyway I just edited the image settings in Banner to 300×400 and all images are now the same W & H which is good,
how can I have this like CSS for banner images?

#359143 Copied

Tony Rodriguez

Support staff

June 12, 2023 at 08:08

Hello, @mch,

Sorry for the inconvenience, but that CSS should have to work, anyway, it sound’s great!!! that you have managed to change the size by using Custom Size in the element settings.

If you would still like to change the size using the Custom CSS code, we suggest that you first edit the element and assign a Custom Class to it as per your requirements. Please refer to the screenshot provided: https://postimg.cc/67jjKT8v. Then, use the Custom Class to apply your Custom CSS as shown in this screenshot: https://postimg.cc/GHtk0zkq. Finally, paste the CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS and this should resolve your issue.

Best Regards,
8Theme’s Team

#359174 Copied
Viewing 12 results - 1 through 12 (of 12 total)