Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2014 at 10:26 pm #205159
    rcribble

    Hello,

    Love the Enfold theme. Very happy with practically everything. However, the theme’s table styling causes my property search and contact forms (dsIDXpress plugin) to not look right. The table rows have added spacing below the text. I’ve tried using some quick styling CSS fixes from previous posts and nothing seems to work. Some of the scripts built directly from my Diverse Solutions control panel have the option to use iFrames, which I use with success. However, not very module and none of the WordPress widgets have that option.

    You can see an example here from one of my pages:

    The search form on the right is from the IDX plugin. The form below is from a script using iFrame. Big difference.
    Any suggestions would be greatly appreciated.

    Thanks.
    Bob

    January 4, 2014 at 6:49 am #205253
    Ismael

    Hey rcribble!

    Can you please give us a link to the actual page with the table? We need to inspect it. The image you posted is incorrect.

    Cheers!
    Ismael

    January 4, 2014 at 7:34 am #205274
    rcribble

    Sorry about that.

    The property search form is found on http://arlingtondigs.com/buying. Another example from a contact form is on http://arlingtondigs.com/arlington-real-estate-market-update/

    January 4, 2014 at 5:12 pm #205352
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-builder-el-7 table input {
    margin: 0 !important;
}
.dsidx-search-widget  table input {
    display: inline !important;
    width: 100% !important;
}
.dsidx-search-widget table select {
    width: 100% !important;
}
.dsidx-search-widget table select, table input{
   margin: 3px 0 !important;
}
#idx-q-PriceMin, #idx-q-PriceMax {
    width: 46.5% !important;
}

    Result:

    Cheers! 
    Josue

    January 4, 2014 at 5:30 pm #205354
    rcribble

    Thank you! The property search form looks much better. Nice and tight. Any way to get the Name and Email text from the bottom form to line up with the input boxes? It looks fine now but could be a tad better.

    January 4, 2014 at 5:45 pm #205356
    Josue

    Add this code too:

    .avia-builder-el-7 table label {
    position: relative;
    top: -15px;
}

    Regards,
    Josue

    January 4, 2014 at 9:34 pm #205424
    rcribble

    Worked great! Thank you for your help and support!

    Cheers,
    Bob

    January 4, 2014 at 9:47 pm #205430
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Table Styling – Real Estate IDX plugin’ is closed to new replies.