UI issue

[martinchanh]

Hi, I have 2 UI issues need your advice:

1. In Job List (grid), long job title name will approach very close to time posted in mobile browser view, making it very confused for user (see screenshot link). Is there any way to make it look better?

Screenshot: https://www.dropbox.com/s/jltjk5gg4jxk7gk/UI-1.jpg?dl=0

2. Is there anyway to change Job list hover color (it's currently grey now)

Screenshot: https://www.dropbox.com/s/rxbp0bg4rteubhc/UI-2.png?dl=0

Thanks,

Chanh Dang

 

 

Add New Note to this Reply

[dangdv]

Dear,
1. We're will check and fix it in next update version. If you want fix it on your site. please add custom css on your site

@media (max-width: 991px) {
	.noo-job-grid2 .noo-job-item .job-date-ago {
		float: none;
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 8px;
		display: block;
		font-size: .8em;
	}
}

2. The Jobmonster theme not support setting to change background color when hover to job in list, you can change it via custom CSS, please add custom css on your site, example change it to #f00

.jobs article:hover{
background: #F00 !important;
}

Best regards.

Add New Note to this Reply

[martinchanh]

Thanks.

To be honest, it still does not look very good. Is there any custom CSS that I can remove the "date ago"? I can't find that in Theme Customizer.

Also, line break in mobile view is very short (margin adjust). Can you also help with that?

Please refer to the screenshot.

Thanks and Regards,

Chanh

 

 

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply

[dangdv]

Dear, if you want hide it. please add custom css on your site

.noo-job-item .job-date-ago{
display: none;
}

Best regards.

Add New Note to this Reply

[martinchanh]

Cool. Thanks.

How about "Also, job title line break in mobile view is very short (margin adjust)"? Please support also.

Best Regards,

Add New Note to this Reply

[dangdv]

Dear, you can add custom css to fix it.

@media (max-width: 991px) {
	..noo-job-grid2 .noo-job-item h3{
		width: auto;
	}
}

Best regards.

Add New Note to this Reply

[martinchanh]

Works. Cool!

Thanks a lot.

Add New Note to this Reply

[Author]

Posts