Can I make Employees entries wider

Can you post a link to your site?

Hi, yes it’s generally in maintenance mode for now, but I’ve turned it off briefly, it’s https://www.businessowl.uk

Thank you,
Jen

Try this custom CSS:

.employees-area .employee {
	width: 100%;
}

Thanks, that’s great. Is there a way to stop the image being expanded to the same width? Would the width of the image be according to the CSS or can I reduce it by reducing the size of the image I upload?

Thanks,
Jen

Same issue for me. css worked perfectly but image also scaled to 100%
tagging to get progress updates.

I have also tried the suggestion of resizing original. This works but image is now left justified instead of centered.

• This reply was modified 7 years, 12 months ago by mitchton.

Hi Roman/Colleagues,

I wonder if you are able to offer a solution for this thread? To re-cap, broadening the text also broadens the image, is there a way to reduce the width of the image but keep the text at 100%? It would be useful to resolve this, I’m not the only one asking.

Thanks in advance for your great support,
Jen

Hello @jennifer1979,

Please disable maintenance mode and provide explanatory screenshot.

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

By the way, WordPress 4.7 introduced its own custom CSS functionality, now you can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

Kind Regards, Roman.

Hi Roman, thanks for your reply and sorry for the delay – I’ve removed maintenance mode, you can see that in widening the text of the About Me section, it has made the picture of me rather large and I would like to retain the picture as it was uploaded originally (as the default). Any solution you can give would be most welcome.
Thanks,
Jen

Hello Jen,

Please try to add this CSS code as well:

@media only screen and (min-width: 650px) {
    section#employees.employees-area div.employee img.employee-photo {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

Kind Regards, Roman.

Brilliant.

Thank you,
Jen

You are welcome Jen!

Kind Regards, Roman.