Responsive images, text scrolling, and table outlines

  • Unknown's avatar
    tracychamilton21 · Member ·

    Hello everyone,

    The page I need help with, for example: https://tracychapmanhamilton.com/digital-art-history/

    I used this additional CSS to make my text content wider so that you no longer had to scroll from left to right to read the whole of my table on a mac or pc (you still need to scroll on a phone).

    /* Wider Content
    */

    @media     screen and (min-width: 1200px) {

    /* For devices with more than or equal to 1200px width
    */
    .wrap {

    max-width:60%!important;
    }
    }

    but my images are not resizing in a similar manner. I’ve been trying to adjust them manually. They read as all being 791 wide but, are actually different widths once I publish them.

    So then I added in this code and it made two of the images respond to become the width of the text, but not the other three, even though they all say they are the same width of 791 when editing them. When published on my laptop they are still different widths. They look great on my phone (but, again, you need to scroll there).

    .wrap {
    max-width: 1400px;
    }
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 70%;
    }
    /*set the sidebar width and alignment*/
    .has-sidebar #secondary {
    width: 25% !important;
    float: right;
    }

    I’m also having trouble with my table border not showing up. It’s making the weeks in my syllabus fairly confusing with that lack of definition.

    I’ve added in this code from reading, but neither seem to have helped.

    .tablepress-id-13 th,
    .tablepress-id-13 td {
    border: 1px solid #cccccc !important;
    }

    and

    .finance tbody {
    background: #ccc;
    }

    Thank you so much for your help.

    Tracy

  • Unknown's avatar
    correspondwithjohn · Member ·

    Hi,

    It appears you are using the self-hosted version of WordPress. This forum is specifically for WordPress.com hosted site users. To get more specialized assistance for the version you are using, you can use the WordPress.org support forums. The link is below.

    https://wordpress.org/support/forums/

    If you would like to see the differences between WordPress.com and WordPress.org, you can check out this page:

    https://wordpress.com/support/com-vs-org/

    Good luck! :)

    -John

  • Unknown's avatar
    vinitdhake · Member ·

    Hi there,

    It seems that your site is not hosted with WordPress.com.

    This is a public forum that provides support only for the sites hosted on WordPress.com.

    For help with your site you can ask over at the WordPress.org forums: https://wordpress.org/support/forums/

    You can refer to WordPress.org support documents here: https://codex.wordpress.org/Main_Page

    If you want to know more about the differences between WordPress.com and the open-source WordPress.org software you can read this article:

    WordPress.com vs. WordPress.org

    Thanks!

  • The topic ‘Responsive images, text scrolling, and table outlines’ is closed to new replies.