I would appreciate it if you get back to me urgently about this issue

[yakup aycıl]

How will I customize the table div in the Opportunity area? How will I do it under which path?

Half of the tables in the Opportunity area are readable and the other half are not, this is a huge problem for us. [....] I want to intervene in these areas with css and code.

I would appreciate an urgent response on this issue. We received something from you for a fee, but there is nothing we want.

[shalmaxb]

Please calm down. Maybe it is a huge problem, but not neccessary to create panic here. It is a fact, that screen content by itself is limited. So you have two posibilities:

1. Buy Screens with 2 meters wideness.
2. Contract a developer, who codes for you horizontal scrolling.

[yuri]

.list > .table th, .list > .table td {
    padding-left: 1px;
    padding-right: 1px;
}​

https://docs.espocrm.com/development/custom-css/

[yakup aycıl]

Of course I understand you but you are the one who knows where what is.

Excuse me but Opportunity how can I customize this area with css.json or bootstrap.!!!!

Mr. Yuri when you look at the image do you see that the table names are half and read fully. If you tell me how to do it in which path in this view I can do it. yuri shalmaxb

[yakup aycıl]

I just saw the message, I'll check it out yuri

[yakup aycıl]

Through which file path will this be done with coding such as css, json, bootstrap.

Is this file directory correct for the operation to be performed. yuria shalmaxb


I'm sorry, I'm making you a little tired since it's my first time using it.

[shalmaxb]

You will have to take your time to learn espoCRM, especially customization. But believe me, it is worth it. I recommend, not to expect every solution immediately. You need to understand what and where you will have to do to achieve the things, you need. And the consequences.
Trust me, you will get a lot of help here, this is one of the nicest forums ever and a very thought software product you can use. And even the head developer appears here to help.
For your custom css you will have to create a css file in the path that yuri mentioned in the next post. There are lots of threads about custom css already.
If you search, use Google and put there your question including the term "espoCRM". The search function of the forum itself is not that good.

[yuri]

This path would be fine: client/custom/css/my.css

[yakup aycıl]

Hello yuri Sorry to bother you.

However, when we look at the software team for Account, Contact, Potential Customer, Opportunity, I don't know what the fields are with CSS.

Can you teach me where I should look for the fields here?

How can I set the CSS specifically on the image I sent you?

[yuri]

Hi, I don't understand the question. Do you need to apply that CSS hack only for specific objects? E.g. for Accounts?

[yakup aycıl]

I want to manipulate the Opportunities fields.
For this, do I need to create a css like this in /data/docker/volumes/data_espocrm/_data/client/custom
in css/opportunity.css?

For example, I want to make the column and row or background in the Oppurtunities field a different color.

Can you check the pictures as well? I would be very happy if you could tell me where to go and how to do it. Thank you. yuri

[yuri]

As Espo is a single page application, CSS files are loaded once and available for all pages.

You can filter for specific entity type with data-scope filter:

.list[data-scope="Opportunity"] .table {
    th, td {
        padding-left: 1px; // make paddings smaller
        padding-right: 1px;
        font-size: 12px; // make font smaller
    }​​​
}

[yakup aycıl]

Could you please share with me the file path where you added the CSS file? In which other files should I define the CSS file you created? I would be happy if you could write it step by step. yuri

[shalmaxb]

see thread #7 and consult the manual

[yuri]

client/custom/my.css

.list[data-scope="Opportunity"] .table {
    th, td {
        padding-left: 1px; // make paddings smaller
        padding-right: 1px;
        font-size: 12px; // make font smaller
    }
}
​

custom/Espo/Custom/Resources/metadata/app/client.json

{
    "cssList": [
        "__APPEND__",
        "client/custom/my.css"
    ]
}​

Clear cache.

[yakup aycıl]

hello yuri

I did what you said. Espocrm is a program that runs on Linux. I set it up with winscp according to the path you said. However, the css appearance did not change in the live version.

I am attaching the relevant paths and commands below. Can you confirm their accuracy?

This is what I want to do on the css side.

[ThomasB]

Guess, you should set the correct ownership for these files.

https://docs.espocrm.com/administration/server-configuration/#required-permissions-for-unix-based-systems