Adding rounded corners to a table

  • tom2013

    (@tom2013)


    10 years, 1 month ago

    I have created a calendar using a table and would like to round the top and bottom corners of the table to keep consistancy with the rounded corners used in the theme and give the table a softer look. Is there a way of using code or otherwise to round the corners on the table?. Below is the first few lines of code:

    ‘<table style=”width: 500px;” border=”0″ cellpadding=”2″ align=”center”>’
    ‘<tbody>’
    ‘<tr>’
    ‘<td style=”text-align: center; border: 1px solid #262700; background-color: #eef806;” colspan=”3″ align=”left”><span style=”font-size: 20px;”>Mondays </span></td>’
    ‘</tr>’

    Link to the page is: http://tlewisenterprises.com/asccclub/corner-radius-test-calendar/

    Thanks
    tom

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 1 month ago

    Was there a specific issue you had that you couldn’t apply the same rounded corners from the theme?
    Rounded corners can be made in in CSS: http://border-radius.com/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 1 month ago

    By the way have you contacted your theme’s vendors about this?

    Thread Starter tom2013

    (@tom2013)

    10 years, 1 month ago

    Andrew,

    Thanks for your help.

    There’s nothing in the Weaver ll theme Settings that I could find to handle this.

    I added all 3 of the Codes from the http://border-radius.com/ site with no change(see below)
    ‘<table style=”border-radius: 10px;” align=”center”>’

    Yes, I have posted the same message on the Weaver ll Pro Forum and have yet to receive any feedback.

    Thanks again for your help
    Tom

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 1 month ago

    The border radius style will probably have to be applied to the element that has the visible styling, e.g. if the <td> has the visual styling of a background colour then the border radius should apply to that

    Thread Starter tom2013

    (@tom2013)

    10 years, 1 month ago

    Andrew,

    Can you give me an example?. I know how to do it with single rows within a table, and as a stand alone because I’ve done it in other places in the site, but have yet been unable to apply it to the outside border of the table and make it work.

    Thanks
    Tom

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 1 month ago

    E.g. http://cssdesk.com/tudCG

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding rounded corners to a table’ is closed to new replies.

Tags