Viewing 10 replies - 1 through 10 (of 10 total)
  • WPyogi

    (@wpyogi)

    No doubt because the reset.css gets rid of them all by default:

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        font-size: 100%;
        margin: 0;
        outline: 0 none;
        padding: 0;
        vertical-align: baseline;
    }

    You’ll need to modify the CSS to add back what you want. Be sure to use a child theme or custom CSS option or plug-in so that your changes are not lost when you update the theme.

    WPyogi

    (@wpyogi)

    Looks like you’ll need to go to theme forest for any further help, though, as commercial themes are not supported here.

    Thread Starter Apexeon

    (@apexeon)

    There’s an option in the theme settings that reads>

    “Enable style.css
    Enable “style.css” Enable the style.css located in the theme’s root folder. You can then edit that file from Appearance -> Edit to add any custom CSS. You would also need to enable this option if you want to use a child theme.”

    Could I use this in some way? I enabled it. Style.css has comments only in editor.

    Thread Starter Apexeon

    (@apexeon)

    I renamed the reset.css. It had no effect.

    WPyogi

    (@wpyogi)

    Not sure what you mean by “renamed” but probably not a good idea. You would need to add something like this to your custom CSS stylesheet:

    table, td {
       border: 1px solid black;
    }

    Specifics would depend on the styles you want — this is a good CSS reference site: https://www.w3schools.com/css/css_table.asp

    Also, as mentioned earlier, you really need to get help from theme forest — as support is part of what you paid for with a commercial theme — and there may be theme specific things that are relevant to what you are trying to do.

    Thread Starter Apexeon

    (@apexeon)

    Yeah that did nothing.

    Thread Starter Apexeon

    (@apexeon)

    Switched to the twenty Eleven theme. It doesn’t look better. The outside borders are all missing. And twenty eleven is definitely a wordpress theme, so the problem is either not related to u0design or a combination of things.

    WPyogi

    (@wpyogi)

    Since you are now in twentyeleven, be sure to create a child theme for any changes, and then look at this code re: tables:

    .entry-content table, .comment-content table {
        border-bottom: 1px solid #DDDDDD;
        margin: 0 0 1.625em;
        width: 100%;
    }
    
    table {
        border-collapse: separate;
        border-spacing: 0;
    }

    Copy the above to your child theme style.css file and change accordingly.

    WPyogi

    (@wpyogi)

    I’d also suggest using Firebug to help you look at what CSS code is affecting elements on your page…

    Thread Starter Apexeon

    (@apexeon)

    Thanks for the suggestions but this is a waste of time and I’m tired of banging my head against this problem for the last 4 hours.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Table borders not showing anywhere on website’ is closed to new replies.