• 0
Sign in to follow this  
Followers 0

centering title and text to box image

Question

Posted · Report post

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!

Share this post


Link to post
Share on other sites

8 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

thanks to you both

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0