Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 30, 2014 at 1:45 am #297463
    Frank

    ** RESOLVED **

    I have spent the whole day trying to center the pricing rows in two tables. I scoured the support forums and tried every solution in every thread I could find. I finally implemented a custom class and got close…

    .pfc-sp-table .avia-pricing-row { 
  text-align:center;
  vertical-align: baseline; 
  color:red !important;
  padding-top: 20px;
}

    But as you can see the text in the pricing row is still not exactly centered: http://www.premierfloorcare.com/services/service-plans/

    I tried everything I could think of and still can’t get it to work right. For some reason I can only manipulate certain styles in the CSS. I can for example change the background color and the text color. I cannot change the font size or the cell padding using this method. I’ve included an admin account if needed.

    • This topic was modified 9 years, 8 months ago by Frank.
    July 30, 2014 at 2:15 am #297486
    Frank

    Hi,

    I was able to solve the problem so you can close this. I was using h3 in the pricing row, which has a default 8px bottom margin (that’s what was causing the offset). I added 8px to the top margin and the problem was solved. But is this the best way to solve the problem, or is the solution sloppy? it works in any case…

    
/* 
 * Vertically centers pricing row text on the service plans tables
 */

.pfc-sp-table .avia-pricing-row, h3 { 
  text-align:center;
  vertical-align: middle; 
  margin-top: 8px;
  margin-bottom: 8px;
}
    July 30, 2014 at 2:20 am #297490
    Yigit

    Hi!

    Please change your code to following one not to effect other h3 elements 

    tr.avia-pricing-row h3, .pfc-sp-table .avia-pricing-row { 
  text-align:center;
  vertical-align: middle; 
  margin-top: 8px;
  margin-bottom: 8px;
}

    Cheers!
    Yigit

    July 30, 2014 at 2:31 am #297502
    Frank

    Good catch. I appreciate the code review. Changes made and all appears to work fine.

    Thanks,
    Frank

    July 30, 2014 at 2:33 am #297504
    Yigit

    Hey!

    Glad you figured it out Frank! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Cannot Vertically Center Pricing Row’ is closed to new replies.