Image Box Alignment

[tarasilverParticipant]

Hi! We are almost ready to go live with the site but we have a couple more questions…

1. In the “Crew” section, we want to have the 1st person on their own line, and then the other 3 below on the same line. So we added So we tried to add another section below the first person, however now we have too much white space appearing on both desktop and mobile – do you see what I mean? Any ideas how to remove the extra white space?

2. In the “Clients” section, we have 4 columns and 3 rows of images with spacers in btw that look great on desktop. But when we see them on mobile, they are all left aligned. Is there any way to have them be centered on mobile/tablet?

Thanks for everything!
Ariana

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

1) the problem is because of too much padding between sections. When you edit section where one crew member is go to customize tab and put 0 in padding-bottom. Or you can go to section where 3 crew members are and put in customize tab padding-top to 0. You can put 0 on both, suit yourself :)
Look at the attachment.

2) I know what you mean, but if you inspect the code you can see that team members is center aligned, reason why we show them display block is because they are next to each other less visible and the only way this can be done is with image carousel element, but then it is no longer team members.

Cheers

Add New Note to this Reply

[tarasilverParticipant]

Worked – thanks!!

Add New Note to this Reply

[tarasilverParticipant]

For the 2nd question tho – I think I explained wrong. We aren’t using team members for the client logos – we are just using an image. Is there not a way to make sure images are always centered?

Thanks!

Add New Note to this Reply

[ab-themesKeymaster]

The image should constantly be centered because container
of the team members has text-align: center; and this should align everything in center.

Add New Note to this Reply

[tarasilverParticipant]

Sorry but we aren’t talking about team members – we are asking about the IMAGES that we have set in the CLIENTS section ??

Add New Note to this Reply

[ab-themesKeymaster]

Ok, sorry about that.

You can set on align center on section or column (see the snapshot), this will align images in center.
Also change this code:

.tcvpb-image a img{
	display: block;
}

to this:

.tcvpb-image a img{
	display: inline-block;
}

it is in wp-content\themes\revelance\css\the-creator.css file on line 9.

This should be it.

Regards

Add New Note to this Reply

[tarasilverParticipant]

Worked – thanks for everything! The site is finally live – what do you think?? http://silverstrategy.com/

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

no problem, glad that we could help :)

Site is great!

Thank you for purchase our theme.

Cheers

Add New Note to this Reply

[Author]

Posts