Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #349372

    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

    #349712

    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, 1 month ago by Elliott.
    #349747

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

    #350195

    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

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