centering title and text to box image

[groves 0]

I read this post: Under PlatformPro Box Section Options on the page displaying the boxes, just choose "Thumbs On Top" for the Box Thumb Position and then add "#boxes h3 {text-align:center;}" to the custom code. Anyone know exactly where I and how i add the custom code? I can do the first bit no problem!

[cmunns 16]

The Custom Code section you are looking for is under PlatformPro Settings - Custom Code - Custom CSS

[groves 0]

I added the custom code in the Custom CSS page - #boxes h3 {text-align:center;} - but the heading and text of a box are still not centred. I set the boxes to "Thumbs on Top" as the previous post stated on the appropriate page. Any ideas? http://www.insidemani.gr/stoupa/eating-out/

[Kate 3]

Hi Mat - First, you'll have to delete the following line in your CSS, because it's causing the code after it to not be applied:

#callout.content.pad

-- You had no brackets after it Next, you actually already have the correct box title code. If you want the text in the box centered too, use this:

#boxes h3{text-align:center;}
	.fboxtext{text-align:center;}

[groves 0]

Thanks kate- worked fine. BUT (sorry) now I need to do the same with soap boxes. Tried it but didn't work so I guess I need more code in the CSS that is specific to soap boxes?

[cmunns 16]

You are correct: ` #soapbox .fboxtitle h3 { text-align:center; } `

[groves 0]

thanks to you both

[groves 0]

Sorry but now I need to centre the links for the soap boxes....

[Kate 3]

With the styles currently in place, it would be kind of complicated. Would you be cool with just setting the padding of the parent container, to give the appearance of centering? Something like this:

.soapbox-links{padding-left:90px;}