Support » Theme: Illustratr » alignment and font change

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter rasta_wdpr

    (@rasta_wdpr)

    by the way this is the customized CSS code I have so far:

    .site-header {
        padding-top: 0px;
        padding-bottom: 26px;
        text-align: center;
    }
    
    .site-title, .page-title {
      font-size: 160%;
        text-transform: normal;
        text-align: left;
     font-weight: 200;
    }
    
    .page-title, .entry-title {
        padding-top: 20px;
        margin: 0;
        font-size: 1.1em;
        font-weight: 200;
        text-transform: lowercase;
        text-align: left;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
    
    .site-main .portfolio-entry-title a {
        font-weight: normal;
        text-transform: none;
    }
    
    .page-header::after, .entry-header::after {
    background: none;
    }
    
    .site-info {
        display: none;
    }
    
    footer#colophon {
        display: none;
    }
    
    div#secondary {
        display: none;
    }
    
    .gallery-icon a:hover:before, .gallery-icon a:focus:before, .gallery-icon a:active:before, .gallery-icon a:hover:after, .gallery-icon a:focus:after, .gallery-icon a:active:after {
        opacity: 0;
    }
    
    .gallery {
        padding: 20px 10px 0 10px;
        margin: 0 0 20px;
        background: rgb(255, 255, 255);
    }
    
    
    Thread Starter rasta_wdpr

    (@rasta_wdpr)

    oh geez i also forgot to give the link to my site… maybe thats why no one responded? 🙂

    http://www.rossow-web.com

    Hi there,

    It’s hard to estimate fonts/font sizes from images, but based on your current site, the following code seemed to get things pretty close:

    #page * {
        font-family: arial;
        text-transform: none;
        font-weight: normal;
    }
    .site-branding {
        width: 780px;
    }
    .main-navigation {
        max-width: 780px;
        margin: 0 auto;
    }
    .main-navigation ul {
        text-align: left;
    }
    .home .main-navigation {
        max-width: 840px;
        margin: 0 auto;
    }
    .home .site-branding {
        width: 840px;
    }
    .site-title {
        font-size: 100%;
    }
    .page-title,
    .entry-title {
        font-size: 14px;
        margin: 50px auto 0 auto;
    }
    .page-header {
        padding-bottom: 0;
        width: 800px;
    }
    .page-template-portfolio-page .page-content {
        margin-top: 0;
    }
    
    .page-template-default .entry-header {
        margin-bottom: 20px;
    }
    
    .entry-content,
    .entry-header {
        margin-top: 0;
        padding-bottom: 0;
        width: 790px;
    }
    .home .entry-content {
        width: 840px;
    }
    .entry-content p {
        font-size: 16px;
        color: #000;
    }
    .gallery {
        margin-left: -20px;
    }

    Feel free to make adjustments to your liking.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘alignment and font change’ is closed to new replies.