Jump to content


Photo
- - - - -

Feature: Centering Text with Background Image Present


  • Please log in to reply
2 replies to this topic

#1 purple

purple

    Advanced Member

  • Members
  • 38 posts

Posted 20 February 2012 - 09:48 PM

I am wanting to center the text in the feature and still maintain the background image so that it looks like a coupon. This is so staff can go in and simply change out the text of the "coupon" without having to mess with the image portion. I am using Pagelines 2.1.1. My site url is:

Please Login or Register to see this Hidden Content

Any help would be appreciated. Thanks!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 21 February 2012 - 03:39 AM

Please adding this CSS code to Custom Code > Custom CSS in Settings under the PageLines tab:

Please Login or Register to see this Hidden Content



#3 purple

purple

    Advanced Member

  • Members
  • 38 posts

Posted 21 February 2012 - 08:58 PM

Great. Thanks, @catrina! As a note for anyone else that runs into a similar situation, once you add the custom code, you have to have your feature set to the following settings: 1) Feature Text Position: Full Width Background Image - No Text - Links Entire BG 2) Feature Design Style: Black Text - Light Feature Background with Border - No Overlay Then put your text in the Feature Media HTML area. This spaces it appropriately on the background image. Otherwise your text will appear scrunched as if in a column.