Jump to content


Photo
- - - - -

centering title and text to box image


  • Please log in to reply
8 replies to this topic

#1 groves

groves

    Advanced Member

  • Members
  • 44 posts
  • Country: Country Flag

Posted 14 February 2011 - 03:57 PM

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!

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 14 February 2011 - 05:36 PM

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

#3 groves

groves

    Advanced Member

  • Members
  • 44 posts
  • Country: Country Flag

Posted 15 February 2011 - 10:10 AM

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?

Please Login or Register to see this Hidden Content



#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 15 February 2011 - 12:53 PM

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:

Please Login or Register to see this Hidden Content

-- 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:

Please Login or Register to see this Hidden Content



#5 groves

groves

    Advanced Member

  • Members
  • 44 posts
  • Country: Country Flag

Posted 15 February 2011 - 04:41 PM

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?

#6 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 15 February 2011 - 05:40 PM

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

#7 groves

groves

    Advanced Member

  • Members
  • 44 posts
  • Country: Country Flag

Posted 16 February 2011 - 09:17 AM

thanks to you both

#8 groves

groves

    Advanced Member

  • Members
  • 44 posts
  • Country: Country Flag

Posted 16 February 2011 - 12:14 PM

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

#9 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 16 February 2011 - 02:51 PM

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:

Please Login or Register to see this Hidden Content