Move picture profile of "Our team list" option

LetsHalloo · March 2021

Hi

I need to move up or down the profile pictures of "Our team list". It looks a little bit misfit.

Take a look:

Thanks!

Phil · March 2021

Hi,

Please always attach a link so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

Thanks

LetsHalloo · March 2021

Sorry about that.

This is the link: https://vintimilla.legal/equipo/

Phil · March 2021

The images look moved down because of the border around the images. You can turn it off in Betheme -> Theme options -> Global -> General, in the Image Frame section.

But if you would like to keep the border, you will have to write and use custom CSS code. Do you need help with that?

Best regards

LetsHalloo · March 2021

Hi

Yes. I would like to keep the border and still move the picture up or down. There are too much content of each team member, and and the picture is not fit right.

Please take a look: https://vintimilla.legal/equipo/

Thanks!

Phil · March 2021

Please, use the following custom CSS:

.team_list .image_frame{
	margin-top: 40px!important;
}

Of course, you can make this gap bigger or lower by modifying the pixels value.

Thanks

LetsHalloo · March 2021

Hi.

Thanks it worked.

But, what if I want to move one specific picture that need more adjustment?

For example, the second picture from this page: https://vintimilla.legal/equipo/

Thanks

Phil · March 2021

You can move only a particular picture down.

Please, add to the item you want to modify a custom class, and add the name of this class at the beginning of the CSS Code. You can name it however you want, but for example, I will name it "move".

.move .team_list .image_frame{
	margin-top: 40px!important;
}

Thanks

LetsHalloo · April 2021

Thanks. It worked perfectly.

Move picture profile of "Our team list" option

Comments