Okay
  Public Ticket #265263
Pricint table
Closed

Comments

  • Eoin started the conversation

    How does one style the table cells for the pricing table? Things like <strong> and inline css doesn't work.

    Also how do you put the price at the bottom of the table instead of  the tob?

  •  8,839
    Tahir replied

    Hey Eoin!

    I am afraid moving the price down wont be possible. If you would like to change some elements via css please provide the page url so i can write up some custom css. 

    Cheers


    ThemeNectar Support Team 

  • Eoin replied

    Hi Tahir, 

    Sorry for not getting back to you sooner. We have one css issue with the pricing issue.

    http://www.imusiciandigital.com/en/pricing-new/

    When a column doesn't include a button is there any way to make the bottom of the table lineup? Testing with inline css padding or a margin didn't seem to work.

  •  8,839
    Tahir replied

    Sure, Add this into the Custom CSS box located in your Salient Options panel :

    body .pricing-table .pricing-column:nth-child(1) ul {
        height: 296px !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Eoin replied

    Hi Tahir,

    Thanks for the code; as you can see from the url above that doesn't seem to have fixed the problem. Once the buttons load the spacing becomes irregular again. Is there another solution to the problem?

  •  8,839
    Tahir replied

    Hey Again!

    It seems to be working though you would need to increase the height: http://prntscr.com/4gnisf , Use this css instead:

    body .pricing-table .pricing-column:nth-child(1) ul {
        height: 357px !important;
    }
    
    
    

    Cheers


    ThemeNectar Support Team 

  • Eoin replied

    It only seems to be pushing down the content in the other columns? It appears it's all matched until the buttons load and then it stops working.

  •  8,839
    Tahir replied

    Hey Eoin!

    I think maybe i am not understanding correctly what exactly you are trying to achieve . Could you please provide a screenshot so we can better understand. 

    Thanks


    ThemeNectar Support Team 

  • Eoin replied

    Hi Tahir,

    Sure no problem. Sorry for not being clearer before. Uploader is not working so links are provided.

    With screen 1.jpg (http://contact.imusiciandigital.com/mails/newsletter/screen1.jpg) you see that the gap still exists and that the gap is put before the buttons in the other columns.

    What I am looking for is that screen2.jpg (http://contact.imusiciandigital.com/mails/newsletter/screen2.jpg) is possible with the left column all matches up after the buttons are loaded.

  •  8,839
    Tahir replied

    Hey!

    Please see screenshot: http://prntscr.com/4h8ya0 . It seems to work when i add it via live browser edit. Can you make sure the custom css has all curly braces closed and that there is no syntax error. 

    Thanks


    ThemeNectar Support Team 

  • Eoin replied

    Hi Tahir,

    It appears in the live edit the code editing works but adding the custom code applies the extra space to all the cells. The code is implemented correctly but as you can see from the screenshot and the live url it doesn't work. I can give you access to our dev site if you feel that would help?

  •  8,839
    Tahir replied

    Yes, Please provide the wp-admin login details.

    Thanks


    ThemeNectar Support Team 

  •   Eoin replied privately
  •  8,839
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    body .pricing-table > div:first-child .pricing-column-content {
        height: 419px!important;
    }
    
    Cheers


    ThemeNectar Support Team 

  • Eoin replied

    It works! Thanks a lot for your help in fixing the matter.