Single service and single employee is not in the centre


#1

Hi again

I’m trying to add a single service with type A but it always sits on the left, even if i use the centre widget if allowed in the rows edit options. The same happens when using a single employee

Was wondering if i was missing something and haven’t ticked the right box

Many thanks
Liam


#2

Hey,

Post your link please. The services don’t center if there’s only one but it can be done with a bit of CSS.


#3

It is http://www.test.reedav.co.uk

Many Thanks


#4

This would do it:


.service {
   display: inline-block;
   float: none;
}
@media only screen and (min-width: 971px) {
        .roll-team .owl-wrapper {
		text-align: center;
		width: 100% !important;
	}
	.roll-team.owl-carousel .owl-item {
		float: none;
		display: inline-block;
	}
}

Though the employee code shouldn’t be needed.
Just remember to remove this code block if you add more stuff.


#5

Hi Vlad,

Thats great! but sorry to be a pain but i didn’t realise i deleted the other 2 service boxes i had below it and i also need them to be in the centre too

I have added them back and here the link http://www.test.reedav.co.uk

Sorry again
Liam


#6

You just need to activate the center option, just like you did for your first row.


#7

Brilliant, now i feel really stupid

Thanks for all your help
Liam