Remove text

Hey – how do I remove the text on the this feature on the site? I want to add the text myself on the pictures? I therefore do not want this feature to display the category text

https://prnt.sc/FMl4ND7slXv7

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.category-grid-item .hover-mask {
  display: none;
}

Best Regards.

Thanks, and it still displays the text on mobile?

https://prnt.sc/VFSFFAynecWC

Hello,

Please delete the old given CSS and try to use the below custom CSS code:

.category-grid-item .hover-mask {
    display: none !important;
}

Best Regards.

It did not work. It chnaged the size of the main image too

https://prnt.sc/m5_wXG-7s_vQ

Plase can you play around with it to get it to work? I have removed the old CSS

In fact, I can’t seem to revert it back. It used to be the same style as the demo like this https://prnt.sc/OwnZt25jTAS8

Hello,

I have added the following code in Appearance > customize > Additional CSS and the title is not showing.

.category-grid-item .hover-mask {
	display: none !important;
}

Check back your site and check the issue.

Best Regards

Thanks. Yes, it has worked in terms of removing the text, so thanks. However why is the main banner image on mobile now small?

It’s like this
https://prnt.sc/3jGe29GUl_zV

It should be like this style
https://prnt.sc/Hejfs4_Js1bu

Hello,

Navigate to Pages > Edit Home page with Elementor > Edit categories widget and in the style tab select the layout “Masonry with first wide”.
https://ibb.co/SrtxhjL

Best Regards.

I have tried that, and it has worked o mobile, but not desktop. The desktop image ‘personalised’ is now really small and not the correct format

It looks like this https://prnt.sc/b1ABNf59muCw

I want it to look like the demo in terms of size for ref: https://screenrec.com/share/OzVbXvkcsp

Hello,

I have made this section on your site look like a demo. Check back your site and check the issue.

Best Regards.

Thanks, but it’s very different. It’s dark and the wrong order. Can that be updated to be like my version, except keep the formatting of the one you have added, then it will be fine?

Hello,

Please edit this as per your requirements in the elementor page builder.

Best Regards.

Okay thanks, I understand . I am about confused about why it’s so dark.

How do I change the colour on the desktop site back to my original lighter colour?

For example, the one you have added is darker, but it’s fine on mobile.

Please feel free to compare it to my old one for colour reference.

Cheers!

Hello,

Edit Products Categories widget and in the style tab, Choose the categories design “default”.

Best Regards.

It’s already set to default. And it’s not the correct colour or order on mobile?

Please may you take a look

Hello,

Now the design is set to default and the dark mode is not showing. Try to change the order in the content tab of the category widget.

If you want to change the order on only mobile, try to separate the section for desktop and mobile. Go to the page where you want to create separate sections.

* Add a Section: Click on the “+” icon to add a new section.
* Design your section as you want it to appear on the mobile.
* Elementor offers responsive options in the settings for each element. You can hide the second section on the desktop.

Best Regards.

Thanks, that has just about got it back to how it should be. I appreciate the help.

The last part is there is a white gap between my menu and the category element. How would I remove this?

https://prnt.sc/P5w914KADcqp

Hello,

You need to set the margin and padding. You can find the option in the advanced tab of the elementor:
https://xtemos.com/docs-topic/top-and-bottom-paddings/

Best Regards.

Thanks. Your guidance is referring to elementor while your link is referring to the WordPress editor which one is it?

Where is the advanced tab sorry, can you share a gif?

Hello,

See this video for better understanding:
https://uploadnow.io/f/MBGpz62

Best Regards.

Thanks, worked

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts