This topic contains a post which is marked as Best Answer. Press here if you would like to see it.
*

questions

  • *****
  • 319 posts
Change "ALL" Category Picture
« on: February 05, 2023, 07:13:53 PM »
Hello,

Is there anyone that knows where's the source of "ALL" Category picture? Or how to change it?

Thanks,

*

MB Themes

Re: Change "ALL" Category Picture
« Reply #1 on: February 05, 2023, 10:21:11 PM »
Its SVG defined in main.php
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

questions

  • *****
  • 319 posts
Re: Change "ALL" Category Picture
« Reply #2 on: February 06, 2023, 06:13:19 AM »
And how to get it replaced and keep it full responsive?

Thank you

*

MB Themes

Re: Change "ALL" Category Picture
« Reply #3 on: February 06, 2023, 08:47:19 AM »
You must use your own SVG then.
It's this piece:
Code: [Select]
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="64px" height="64px"><path d="M116.65 219.35a15.68 15.68 0 0 0 22.65 0l96.75-99.83c28.15-29 26.5-77.1-4.91-103.88C203.75-7.7 163-3.5 137.86 22.44L128 32.58l-9.85-10.14C93.05-3.5 52.25-7.7 24.86 15.64c-31.41 26.78-33 74.85-5 103.88zm143.92 100.49h-48l-7.08-14.24a27.39 27.39 0 0 0-25.66-17.78h-71.71a27.39 27.39 0 0 0-25.66 17.78l-7 14.24h-48A27.45 27.45 0 0 0 0 347.3v137.25A27.44 27.44 0 0 0 27.43 512h233.14A27.45 27.45 0 0 0 288 484.55V347.3a27.45 27.45 0 0 0-27.43-27.46zM144 468a52 52 0 1 1 52-52 52 52 0 0 1-52 52zm355.4-115.9h-60.58l22.36-50.75c2.1-6.65-3.93-13.21-12.18-13.21h-75.59c-6.3 0-11.66 3.9-12.5 9.1l-16.8 106.93c-1 6.3 4.88 11.89 12.5 11.89h62.31l-24.2 83c-1.89 6.65 4.2 12.9 12.23 12.9a13.26 13.26 0 0 0 10.92-5.25l92.4-138.91c4.88-6.91-1.16-15.7-10.87-15.7zM478.08.33L329.51 23.17C314.87 25.42 304 38.92 304 54.83V161.6a83.25 83.25 0 0 0-16-1.7c-35.35 0-64 21.48-64 48s28.65 48 64 48c35.2 0 63.73-21.32 64-47.66V99.66l112-17.22v47.18a83.25 83.25 0 0 0-16-1.7c-35.35 0-64 21.48-64 48s28.65 48 64 48c35.2 0 63.73-21.32 64-47.66V32c0-19.48-16-34.42-33.92-31.67z"/></svg>
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

questions

  • *****
  • 319 posts
Re: Change "ALL" Category Picture
« Reply #4 on: February 06, 2023, 06:35:00 PM »
You must use your own SVG then.
It's this piece:
Code: [Select]
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="64px" height="64px"><path d="M116.65 219.35a15.68 15.68 0 0 0 22.65 0l96.75-99.83c28.15-29 26.5-77.1-4.91-103.88C203.75-7.7 163-3.5 137.86 22.44L128 32.58l-9.85-10.14C93.05-3.5 52.25-7.7 24.86 15.64c-31.41 26.78-33 74.85-5 103.88zm143.92 100.49h-48l-7.08-14.24a27.39 27.39 0 0 0-25.66-17.78h-71.71a27.39 27.39 0 0 0-25.66 17.78l-7 14.24h-48A27.45 27.45 0 0 0 0 347.3v137.25A27.44 27.44 0 0 0 27.43 512h233.14A27.45 27.45 0 0 0 288 484.55V347.3a27.45 27.45 0 0 0-27.43-27.46zM144 468a52 52 0 1 1 52-52 52 52 0 0 1-52 52zm355.4-115.9h-60.58l22.36-50.75c2.1-6.65-3.93-13.21-12.18-13.21h-75.59c-6.3 0-11.66 3.9-12.5 9.1l-16.8 106.93c-1 6.3 4.88 11.89 12.5 11.89h62.31l-24.2 83c-1.89 6.65 4.2 12.9 12.23 12.9a13.26 13.26 0 0 0 10.92-5.25l92.4-138.91c4.88-6.91-1.16-15.7-10.87-15.7zM478.08.33L329.51 23.17C314.87 25.42 304 38.92 304 54.83V161.6a83.25 83.25 0 0 0-16-1.7c-35.35 0-64 21.48-64 48s28.65 48 64 48c35.2 0 63.73-21.32 64-47.66V99.66l112-17.22v47.18a83.25 83.25 0 0 0-16-1.7c-35.35 0-64 21.48-64 48s28.65 48 64 48c35.2 0 63.73-21.32 64-47.66V32c0-19.48-16-34.42-33.92-31.67z"/></svg>

How do I change the path to a local one? An example please? What is this path? where it comes from?

*

questions

  • *****
  • 319 posts
Re: Change "ALL" Category Picture
« Reply #5 on: February 06, 2023, 06:51:48 PM »
Ok, I have changed like this
            <img src = "oc-content/themes/epsilon/images/cv.svg" alt="My Happy SVG"/>
Is there any other way?

NOW the issue is that the ICON IS BLACK and NOT COLORED anymore. Why? Where do I remove that effect?

or how do I REMOVE the ALL category? is it possible? Thanks

*

MB Themes

Re: Change "ALL" Category Picture
« Reply #6 on: February 06, 2023, 07:26:32 PM »
You should put svg directly, not as img
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

questions

  • *****
  • 319 posts
Re: Change "ALL" Category Picture
« Reply #7 on: February 06, 2023, 07:46:59 PM »
You should put svg directly, not as img

How Sir please?

Also how can I hide this ALL category? Possible from back-office? Otherwise how?

*

MB Themes

Re: Change "ALL" Category Picture
« Reply #8 on: February 06, 2023, 07:56:21 PM »
Rekove it from same file
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

questions

  • *****
  • 319 posts
Re: Change "ALL" Category Picture
« Reply #9 on: February 06, 2023, 08:48:39 PM »
Rekove it from same file

You mean delete?
And by the way, it stayed black, not colored. Why?

Let’s say I do more and more changes.. how do I keep them all active when you will update plugins, themes or osclass?
« Last Edit: February 06, 2023, 10:09:44 PM by questions »

Marked as best answer by questions on February 08, 2023, 06:14:00 AM
*

MB Themes

Re: Change "ALL" Category Picture
« Reply #10 on: February 07, 2023, 10:15:02 AM »
@questions
Colors depends on SVG itself. You can change it's "fill" property to change colors inside.
Background is colored in standard way.

Quote
Let’s say I do more and more changes.. how do I keep them all active when you will update plugins, themes or osclass?

Create child theme and do your changes here.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots