logos in the overview

Hi @twuli

Could you clarify what a logo did you mean? The screenshot will be helpful.

Best Regards!

Hello,

please look here:
https://ibb.co/bRrvYJG

I was able to enlarge the display of the logos with css.

Unfortunately, logos that are not square are cut off.

If the images were scaled to either the maximum width or the maximum height, the logos would always be displayed in full.

I think that it generally makes sense to display the uploaded logo in its entirety. It doesn’t matter if it’s rectangular or square.`

Best Regards
Twuli

• This reply was modified 2 years, 4 months ago by twuli.
• This reply was modified 2 years, 4 months ago by twuli.
• This reply was modified 2 years, 4 months ago by twuli.

Hi @twuli

Thanks for your screenshots.
We use this layout and styles for getting beautifully displayed logos of the same size and filling the pre-defined wrapper.

If your customers use non-standard logos. Someone is rectangular, someone is square, you can easily change the style and layout of the block for your needs.

Use your child-theme for customizing templates and CSS. Here are more details https://docs.jobboardwp.com/article/1570-templates-structure

Let me know if you have other questions,
Best Regards!

Hi,

I have already found these “instructions, but I can’t do anything with them. The list.php in jobboardwp/templates/jobs doesn’t help me here.

Unfortunately I’m not a programmer.
Can you offer me a solution?
I am sure that there are other interested parties who would like to take a look at this solution.

Thanks in advance.
Twuli

Hi @twuli

There is a possible solution:
https://gist.github.com/yuriinalivaiko/e3734e6f2c1ab1900dcf6a59ac9b836e

Let me know if that works for you,
Best Regards!

Hi,

that’s wonderful, this code snippet and the css code attached below represent the log uncropped in a minimum certain size.

/* joblist*/
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-logo .jb-job-company-logo-wrapper .jb-job-company-logo,
.jb-job-logo .jb-job-company-logo-wrapper,
.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-logo{
	max-width:170px;
	max-height: 170px;
	width: auto !important;
	height:auto!important;
	
	}
.jb-job-logo div{min-width:170px!important;}
/* end joblist*/

thank you very much
Twuli

• This reply was modified 2 years, 4 months ago by twuli.