Need help? Check out our Support site, then


Extend length of site title box in Pictorico theme

  1. camerashootrepeat
    Member

    In the Picotrico theme, my site title does not fit into the site title box in the top left corner.

    I need to either move the search field to the right, or extend the length of the site title box. Is it possible to do either of these without purchasing the CSS upgrade?

    The blog I need help with is camerashootrepeat.wordpress.com.

  2. Hi camerashootrepeat,

    This might not be the best option, but if you put a spaces in your title something like CAMERA | SHOOT | REPEAT
    It should cause your title to go down to wrap down to the next line when it gets to wide for the space.

    Other than that I think you would have to get the Custom Design upgrade and edit some css. If you decide to go that route let me know and I can help with the code if you need it.

  3. camerashootrepeat
    Member

    Thanks for the tip, if I add spaces it does move down to the next line, but not very neatly, so I think I will get the Custom Design update.

  4. No problem. Once you have purchased the Custom Design add-on you would just need to enter the following code. I think it should do what you're looking for.

    .site-branding {
      max-width: 35%;
    }

    Here is the link to the Custom CSS support article that might come in handy as well.
    http://en.support.wordpress.com/custom-design/custom-css/

    Let me know how it works out.

  5. camerashootrepeat
    Member

    Just used the code you provided and it did the trick.

    Thanks for your help!

  6. Excellent, glad it worked.

  7. camerashootrepeat
    Member

    Hi again, as I haven't got too much content on my site yet, I would like to remove the entire search box for the time being, what code do I need for this?

    Many thanks in advance.

  8. camerashootrepeat
    Member

    Ignore me, I have figured this out with the folllowing very basic CSS:

    }
    .header-search {
    display: none;
    }
    .site-branding {
    border-right: 0px solid #cccccc;
    }
    .main-navigation {
    border-left: 0px solid #cccccc
    }

  9. Oh excellent I'm glad you figured it out.
    Sorry I didn't get back to you I've been on vacation and mostly offline.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.