Pictorico: smaller width of colored bar

  • Unknown's avatar

    Hello,

    You can see here: http://lafab.co/work/
    that on every page aside from the home page there is a large black and grey bar underneath the page title on each page. I would like to make it much thinner, perhaps just the size of the text. I would also like to move it down a bit from the site title LAFAB. and if i could decrease the size of the page title text, i.e. WORK, that would be great.

    THANK YOU!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    #masthead {
        margin-bottom: 2em;
    }
    .entry-header {
        border-width: 10px 0;
        font-size: 1.5em;
    }

    The #masthead adding a margin-bottom would do it to all pages. If you need it to be more specific, let me know, and I’ll add an extra target to let it only happen to specific types of pages.

    The latter will adjust the grey border-width and font-size — feel free to play with the values to get them as you like. For the border-width the first number controls the top and bottom values, second controls the left and right values. It’s a shorthand to avoid having to specify top, right, left, and bottom all.

  • Unknown's avatar

    THANK YOU! I’ll give it a shot :)

  • The topic ‘Pictorico: smaller width of colored bar’ is closed to new replies.