Twenty-Seventeen still my favourite theme

Why Use CJ Tech Support? Forums 8. WordPress | How To … Twenty-Seventeen still my favourite theme

  • This topic has 0 replies, 1 voice, and was last updated 1 year ago by Wazza.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #647
    Wazza
    Keymaster

    I use this custom css to start me off with the trwenty-seventeen theme.I often don’t use the section or header image and always select a single column.

    /*
    Base CSS

    Page Layout is designed for 1024×768 Screen
    width: 960px;
    height:614px;

    Standard Colors:
    Main Blue: #236eb1
    Light Blue: #A4CEF4
    Orange: #fe5200
    Green: #62b169

    /* Common CSS
    ——————————————– */
    body {
    font-family:arial,sans-serif;
    font-size:1em;
    color:#333;
    padding:0;
    margin:0;
    background:#fff none;
    }
    a{
    color:#000;
    font-weight:normal;
    text-decoration:underline;
    }
    p.meta a{
    text-decoration:underline;
    }
    a:link{}
    a:visited{}
    a:hover{
    text-decoration:underline;
    }
    a:active{}

    h1, h2, h3, h4, h5{
    font-weight:normal;
    }

    h4{
    font-size:14px;
    font-weight:bold;
    }

    h3{
    font-size:15px;
    font-weight:bold;
    }
    fieldset{
    border:1px solid #ccc;
    }
    fieldset legend{
    color:#444;
    font-weight:bold;
    }
    input.text, textarea, select, input.editor_field, input.file{
    font-size:1em;
    padding:2px;
    font-family:Arial, sans-serif;
    color:#444;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(/images/forms/fieldbg.gif) repeat-x top;
    }
    input.init, textarea.init, select.init{
    color:#999;
    }
    .center{
    text-align:center;
    }
    .right{
    text-align:right;
    }
    li{
    list-style:square inside;
    }

    .site-info{
    display:none;
    }

    /* Desktop CSS
    ——————————————– */
    @media screen and (min-width: 451px) {
    .page-one-column .panel-content .wrap {
    max-width: 1100px;
    }
    .site-content {
    padding: 1em;
    }
    .page:not(.home) #content {
    padding-bottom: 1px;
    }
    .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 1px;
    }
    .panel-content .wrap {
    padding-top: 10px;
    }
    }

    /* Mobile CSS
    ——————————————– */

    @media screen and (max-width: 450px) {
    .page-one-column .panel-content .wrap {
    max-width: 450px;
    }
    .wp-block-image img {
    max-width: 100%;
    clear:both;
    margin:auto;
    }
    }

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.