Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2014 at 2:59 pm #349372
    mattmosman

    Hello…thanks for the great theme. I have a question in regards to formatting a table and accordion function within enfold so they match up size wise. Please go to http://www.mpssi.com/?page_id=6835 and look at the navigation bar on the left hand side. Basically I need the accordion width to match the table width and also eliminate any whitespace between the the accordion and the table before and after it so it looks like one coherent table

    November 11, 2014 at 10:38 pm #349712
    Elliott

    Hey mattmosman!

    Switch to the text editor of that page and add this to the bottom.

    <style type = "text/css">
.togglecontainer { margin-left: 4px !important; margin-top: -6px !important; width: 240px !important; }
.avia-table { margin-bottom: 0px !important; }
</style>

    Or if you want to keep using the advanced layout builder then do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, and add a class to both of those elements and then use that class to style them.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 11, 2014 at 11:40 pm #349747
    mattmosman

    didn’t work unless I am doing something wrong. Any quick CSS I can add to accomplish the same thing?

    November 12, 2014 at 6:22 pm #350195
    Elliott

    Hey!

    I don’t see the code I told you to add in your source code. If you want to just add the CSS to your quick CSS field then that will work.

    .togglecontainer { margin-left: 4px !important; margin-top: -6px !important; width: 240px !important; }
.avia-table { margin-bottom: 0px !important; }

    But it will affect every toggle and table element you use site wide.

    Best regards,
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.