Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 22, 2014 at 9:50 pm #254647
    cameron329

    I’m trying to use the Table Layout to create some custom tables within Enfold. I would like to make the following adjustments to the Tabular Data Table.

    – All field background should be white. Currently the are using my Main Content / Alternate Content colors I defined in my “styling” option. I would like to set it so this table ignores that and simply does a single background color for the whole table.

    – Presently, there is a gray border surrounding each row and column in the table. I would like to alter the color and thickness of the Top and Bottom Border colors {solid 1px #000;}. However, when i add this to my custom CSS, or edit it directly in the base.css file, the change does not apply.

    – I would also like to completely remove the Left and right border from every table field, so that only the horizontal “top” and “bottom” borders appear.

    – Finally, under the Default Column and Row, the text-align propert is always set to “left”. I would like to override this and force the text-align to be right, but only in one column of multiple rows of data. How can I accomplish this?

    Thanks for any assistance with these issues.

    April 23, 2014 at 7:15 pm #255146
    Devin

    Hey cameron329!

    This kind of customization needs to be handled by a freelance developer. Support doesn’t cover individual customization like that.

    You can find a great freelance developer from either Envato Studio, Codeable or Here: http://kriesi.at/contact/customization

    Regards,
    Devin

    April 25, 2014 at 7:04 pm #256295
    cameron329

    Hi Devin,
    I appreciate your response and understand why such a request would elicit this type of response. However I am not in a position financially to hire a freelancer at this time which is why I’ve headed to these forums a number of times for assistance with minor tweaks. On each of my other requests for assistance, moderators have been very helpful and provided me with exactly the information necessary to complete the task I asked about. As they say in the industry, I know enough about code to get in trouble but would far from consider myself a programmer.

    All that being said, might you be able to point out where specifically in the CSS these elements I am trying to alter would be located? I believe I can handle the adjustments from there, but a shortcut to finding these elements (each of them mentioned above) would be much appreciated.

    I would also be happy to break each question down into a separate post if that can make things easier for the community / moderators to tackle. Please just let me know.

    Thanks for your time!

    April 28, 2014 at 8:44 am #256931
    Dude

    Hey!

    1) To change the table color try this code:

    
#top .avia-table, #top .avia-table td, #top .avia-table th, #top .avia-table tr{ background: #ffffff !important; }

    2) Try this code

    
 #top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-color: #000;
}

    3) Use this code:

    
#top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {
border-left: none !important;
border-right: none !important;
}

    4) You can’t change it based on the number of rows. If you want to change the text alignment for all td fields use:

    
#top .avia-table td{
text-align: center;
}

    Regards,
    Peter

    April 30, 2014 at 8:25 pm #258483
    cameron329

    Exactly what I needed Peter! Thank you so much for your detailed and helpful reply.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold Table Customization’ is closed to new replies.