Can't edit section of theme, need some symbols gone

[houseofhustlers]

Hello, I am trying to get rid of these 2 specific things from a section from my website, however the theme does not give me the option to remove them out. What code and where should I place it in order to remove these specific things? 

This is what i'm talking about 

I want to remove the "phone" and "mail" symbols out because on phone it leaves a big space like that

This is my website: https://househustlers.shop/

Any help would be very appreciated, thank you!

[Moeed · Accepted solution]

Hey @houseofhustlers 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.contact-text {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[houseofhustlers]

Thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Guleria]

Hello @houseofhustlers ,

Add this code just before the </body> in theme.liquid file

<style>
.faq-sidebar .contact-block {
    display: none !important;
}
</style>

Thanks

[Rahul_dhiman]

Hello @houseofhustlers 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->bootstrap.min.css
add this code at the end of the file and save.

.contact-text {
display: none;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[LizHoang]

Hi @houseofhustlers 

You can follow the instruction below: 

1. Go to Shopify > Theme > customize > Custom CSS

2. Copy and paste the code to the section > Save 

.content-qa-banner .contact-text {
    display: none !important;
}