Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 26, 2020 at 1:26 pm #1240911
    sftsengineering

    Hi all!

    I am currently playing around with tables and already got some icons in there with below code:
    [av_font_icon icon='ue812' color='#000000' size='20px'][/av_font_icon]

    I am stuck now at aligning the content “center” for those cells (or alternatively for the entire column).
    Is this something i can add to the cell content directly using code or do i need to alter some css?
    The content should ideally be centered vertically and horizontally and it is a “Center Text Column”.

    The table is on below page a bit farther down.
    The right column with tick-marks should be “center-center”.

    Any help on this would be great!
    Matt

    August 28, 2020 at 8:14 am #1241428
    Victoria

    Hey sftsengineering,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-center-col .av_font_icon {
  float: none;
  margin: 0 auto;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 2, 2020 at 4:07 pm #1242851
    sftsengineering

    Thank you Victoria!

    That works great ^^

    I am starting to understand the concept here.

    Now if i would want to only apply this to a specific table or maybe just a single cell, can that be done as well?
    For example in the developer section for the cell? Or by using html code or something specific directly in the cell content?

    All the best
    Matt

    September 3, 2020 at 5:52 am #1242979
    Jordan Shannon

    Hi,

    If it’s a table you can give the table element a unique class or id. If it’s a cell we can target it based on position.

    Best regards,
    Jordan Shannon

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