Change content width and title width in main header

  • Resolved vladbrux

    (@vladbrux)


    9 years, 9 months ago

    Hello,

    My name is Vlad and I recently started a photoblog, pixelsinthebag.com

    I’m using the Pictorico theme, and I really like it, but I’d like to make two tiny customizations to it. I have absolutely zero experience with CSS and PHP, although I tried a few things and want to learn, I just cannot find a way to do the following:

    1. I’d like to make the content column on posts a little less wide. I’m not sure how it’s set up right now, but ideally I’d want to be able to change the width. Is this possible ?

    2. My second idea may be a bit trickier… My blog’s title is Pixels In The Bag, and it’s too long for the little rectangle in the header in which it gets put, so it ends up split on two lines. This looks pretty terrible in my opinion, and I’d like to keep it to a single line, either by lowering the font size (not my ideal solution), or by increasing the width of the title part of the header (and removing the black vertical line separator which is to the right of the blog’s name). Can this be done in a relatively simple manner ?

    There we go, I hope you can help out a novice blogger like myself with a few tips.

    Thank you ever so much for your great theme and your time!

Viewing 2 replies - 1 through 2 (of 2 total)
  • olep

    (@olep)

    9 years, 9 months ago

    Hey Vlad,

    Try put this in Pictoricos css-editor. I like to use %-width in responsive themes. If you want less wide content on iPad portrait mode, set the min-width to 768. 

    1.
@media only screen and (min-width : 769px) {
    /* styles for narrow desktop browsers and iPad landscape */
    .entry-meta, .entry-content, .entry-footer, .comments-area {
    width: 50%;
    }
}

2.
.header-search {
    display: none;
}

.site-branding {
    border-right: 0px none;
    max-width: 60%;
}
    Thread Starter vladbrux

    (@vladbrux)

    9 years, 9 months ago

    Wow, that was amazing. Both worked like magic on the first try.

    Thank you ever so much, mr. Wizard!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change content width and title width in main header’ is closed to new replies.