How can I erase text from a photo and add transparency?

Store Design
1

Good afternoon.
Help please.
I want to remove text on photo and transparency.

How can I do it?

www.overz.co

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36.png
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36.png2172Γ—1369 135 KB

2

Hey there, @Airika_Bali

Bo here from Shopify Support!

When it comes to looking for help with your theme on the Community it is so important that you give us as much information as possible regarding the theme you are using and what it is that you are trying to do as each theme is coded differently and we need to understand your request fully to give you the right answer. We have a guide on what information is needed for us to help in the Community here.

It sounds as though you want to remove the text overlay on your featured collection section. In order to do so please follow these steps.

Note:

Please note that these steps may not be super accurate as O do not know what theme you are using. If there are any issues please get back to me and let me know what theme you are using.

Steps:

1. Go to Online Store > Themes > Actions > Edit Code.

2. Find the collection-grid-item.liquid file. This is most likely in the Snippets folder.

3. Find {{ collection_title }} and replace it with this:

{% comment %}   {{ collection_title }} {% endcomment %}

4. Click Save.

I’m not sure what you mean by transparency but if you could elaborate I would be more than happy to look into it for you. Let me know how this goes and if there is anything else I can assist you with, I’m happy to help!

All the Best,

Bo

3

Mister it really helped me.
You are a magical man!
Thank you, wish you a happy new christmas.

4

I mean β€œOverlay opacity”

I want to make the block photo pure white

  • SHOP MENS
  • SHOP WOMEN
  • ACCESSORUIS
5

Apologies, I am still unclear as to what you want to achieve or what theme you are using - what theme are you using?

Do you want the collection image to become completely white when you hover the cursor over it so that the model cannot be seen?

All the Best,

Bo

6

Brooklyn

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36.png
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36.png2172Γ—1369 141 KB

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36 копия.png
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2020-12-30 Π² 1.57.36 копия.png2172Γ—1369 139 KB

7

Thank you, @Airika_Bali !!

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code

  • Go to Online Store > Actions > Edit Code.
  • Open the Assets folder and click on theme.scss.liquid.
  • Scroll to the bottom of this page and add the following code:
.collection-collage__item-wrapper .collection-grid__item-overlay:after {
opacity: 0;
}
  • Click Save.

Let me know how this goes and if there is anything else I can assist you with, I’m happy to help!

All the Best,

Bo

8

You are a genius person!

One more question:
How do I put the β€œH1” I am missing β€œH1”

9

Hey again! I looked into the Brooklyn theme and found that the site name gets precedence with H1 tag on the homepage, and as the div on other pages. You can take a look at this by going to Online Store > Themes > Actions > Edit Code > header.liquid and searching for h1.

All the Best,

Bo

10

Dear mister magician hello!
I need your help. Help me edit the β€œmain menu”
I want to remove the button. The main menu was always accessible

Thanks!

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2021-01-09 Π² 6.28.38.png
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2021-01-09 Π² 6.28.38.png2880Γ—1800 280 KB

11

Hey there, @Airika_Bali !

Thanks for reaching out again. This hamburger menu feature appears when a window, tab, or screen is not wide enough to display your window. As this is an accessibility feature, there is no way to disable it. If your menu is not too long, there is a lesser chance of it becoming compacted like this, however, there is no way for Shopify Support to stop it from happening as we are unable to assist in making changes that negatively affect the accessibility of a merchant’s store. Your menu is still showing up as normal for me:

If this is something you desperately would like to change I would recommend hiring a Shopify Expert to make the code customization for you.

All the Best,

Bo

12

Hello, dear friend
I have a question about COLLECTION PAGE
I want to make a button β€œLoad More” or remove numbers 1, 2, 3 … so that there is only scrolling
Please help me!

Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2021-01-13 Π² 5.09.13.png
Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2021-01-13 Π² 5.09.13.png2880Γ—1800 385 KB

13

Hey there, @Airika_Bali

Apologies for the delay in response, I was out of office. In the future, it might be best to start a new thread in the Shopify Design board with these queries as I am not always here and that way, your new query will be seen by Shopify staff, experts, and developers. I looked into this for you and found a solution:

Steps:

  1. Go to Online Store > Themes > Actions > Edit Code.

  2. Open the collection-template.liquid file and find the following code:

{%- paginate collection.products by 12 -%}
  1. Replace it with this:
{%- paginate collection.products by 500 -%}
  1. Click Save.

Let me know how this goes and if there is anything else I can assist you with, I’m happy to help!

All the Best,

Bo