Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1372189

    Hi Enfold

    I need to be able to able to adjust the table design.
    1. Header row – Color
    2. Table row – Color
    3. Border size and color
    4. Column width – Adjust to fit the text length
    5. Text left alignment
    6. Cell padding

    Table styling is set to
    • Default
    • Use the table to display tabular data

    Enjoy the weekend
    Schmidt ;)

    #1372211

    Hey Alan,
    Please link to your table and include specific details such as the colors and how much cell padding, if you have a mockup it may be helpful, the more information you share the easier it will be for us to assist and meet your expectation.

    Best regards,
    Mike

    #1372220

    Ok, on the page I have to tables, I need the one below to fit the on above.
    I still need to be able to adjust

    1. Header row – Color
    2. Table row – Color
    3. Border size and color

    The table above is code copied from another site, and not an Enfold table. This table will be deleted wenn done.

    Schmidt ;)

    #1372304

    Hi,
    Thanks for the link to your page, this helps a lot, so as I understand you want the bottom table to match the top table, the only differences I see are the header row needs to be bold and the table layout needs to be “auto”:
    2022-11-12_002.png
    so I recommend adding this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .avia-table.avia-data-table {
    	table-layout: auto;
    }
    #top .avia-table.avia-data-table tbody > tr:nth-child(1) {
    	font-weight: bold;
    }

    this is the expected results:
    2022-11-12_003.png
    The only other difference I see is that your KURSUS above has links so the text color is blue, but I’m sure that if you add links to the bottom table they will also be blue, so it seems that the two tables now match.
    Please try this css and clear your browser cache to check.

    Best regards,
    Mike

    #1372485

    Great ;)

    I still need to change
    1. Header row – Transparent as it is for now
    2. Table row – Color – #254189
    3. Border color – #f0eeed
    4. Font color – White

    Thanks
    Schmidt ;)

    #1372645

    Hi,
    I believe this is what you are asking for:
    2022-11-15_002.png

    #top .avia-table.avia-data-table tbody > tr {
    	color: #fff;
    }
    #top .main_color th,
    #top .main_color td {
    	border-color: #f0eeed;
    }
    .main_color tr.avia-heading-row {
    	 background: transparent;
    }
    .main_color tr:not(.avia-heading-row) {
    	 background: #254189;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1372657

    Great, we are getting really close ;)

    I need the text in the header row to be black

    Thanks
    Schmidt ;)

    #1372697

    Hi,

    Please add this css:

    .main_color tr.avia-heading-row th {
    	 color: #000;
    }

    Best regards,
    Mike

    #1372704

    Great, thanks for your time and your support

    Schmidt ;)

    #1372714

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Table design’ is closed to new replies.