Public Forums 71,145 posts

[maussies Friend maussiesJoin date: January 2017Posts: 2Downloads:4Uploads:0]

#999893

Hello,

I’having a problem with displaying the pricing tables.

The third column of the pricing table isn’t alligned properly.
I’m currently using style 2 of the predifined typography as shown in the documentation but this problem occurs also with the style 3.

An example can be seen on http://liefvoortonderhoud.nl/development/index.php/diensten/keuringen
I’ve pasted the code directly from the documentation in the second pricing table.

Hope you can help me out.

kind regards,
Maurice

[maussies Friend maussiesJoin date: January 2017Posts: 2Downloads:4Uploads:0]

#999948

Solved the problem by adding an custom.css file.

Added the follwing code to the custom.css

@media (min-width: 992px) {
    .pricingtable-correction {
        margin-top: -40px !important; 
    }
}

In the HTML of the pricing table I added the class "pricingtable-correction" to the third column to correct it.

<div class="col col-md-4 col-feature shadow no-padding pricingtable-correction">
<div class="col-header text-center">
...

Not the most fancy way but it works.

If there is a better solution let me know, I’m curious.

Kind regards,
Maurice

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#1000475

Hi,

Thanks for your report and its so great to know you could handle that.

I could not access your site url: http://liefvoortonderhoud.nl/development/index.php/diensten/keuringen
I tested in our demo site and see that the pricing table layout 2 has some style issue, no sure it is the same issue you got or now.
We will fix the style for the content block, I raised the issue to our Project management system: http://pm.joomlart.com/browse/JABUILDER-9

Thanks again and let us know if you have any issue, question.

Regards.

[Author]

Posts