[juerghofer]

Hi,

the website is for an office with 5 professionals. As it seems not possible to have five people across in the ‘Our Professionals’ Part on the Home-Page, I’d like to have it shown with 3+2 configuration (in order not to single one person out).

Also I would like to have the pictures in a square format rather than round.

Any suggestions how to accomplish that? Thanks.
Juerg

PS: if in the meantime,it is possible to have 5 across, it would be perfect.

[Juanfra Aldasoro]

Hallo Juerg,

Thanks for writing. I hope you are doing well.

You can include 5 in a row, you’ll need to put the following code in your functions.php file

Be sure to customize the number to 5.

With regards to the square images, you may want to add the following custom CSS:

.home-staff ul li img { border-radius: 0 !important; }

Best,
Juan.

[juerghofer]

Hi Juan,

thanks for your quick reply – great that 5-across is now possible!

Simple question (as a novice):
in the code, it sais ‘do NOT include the opening php tag’ – which part (or line) of the code do I not include?

or do I just copy all lines as is ( 1 to 13) into the functions.php file?

Thanks and best regards,
Juerg

[juerghofer]

figured it out and the 5-in-a-row worked perferctly!

however, squaring the pictures (custom CSS change) did not work … r u sure that the code is correct/complete?

BR Juerg

[Juanfra Aldasoro]

Hi Juerg,

Thanks for the follow-up.

I’m happy it worked 🙂

Yes, I’m sure the CSS code is ok. Perhaps you will need to try to add specific rules for some browsers. Please try the following:

.home-staff ul li img { 
    border-radius: 0 !important;
   /* Safari, iOS, Android */
   -webkit-border-radius: 0 !important; 
   /* Firefox */
   -moz-border-radius: 0 !important;
}

Best,
Juan.

[juerghofer]

yep …this worked now!

Thanks, Juan

PS: have some other questions – will open another thread

[Juanfra Aldasoro]

My pleasure, Juerg! 🙂

Sure, go ahead.

Have a nice day,
Juan.