Extend length of site title box in Pictorico theme

• 

  camerashootrepeat · Member · Jul 17, 2014 at 8:45 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  sandymcfadden · Member · Jul 17, 2014 at 11:28 pm

  • Copy link

  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.

• 

  camerashootrepeat · Member · Jul 21, 2014 at 7:16 pm

  • Copy link

  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.

• 

  sandymcfadden · Member · Jul 21, 2014 at 8:45 pm

  • Copy link

  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.

• 

  camerashootrepeat · Member · Jul 24, 2014 at 3:21 pm

  • Copy link

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

  Thanks for your help!

• 

  sandymcfadden · Member · Jul 24, 2014 at 4:09 pm

  • Copy link

  Excellent, glad it worked.

• 

  camerashootrepeat · Member · Jul 31, 2014 at 9:52 pm

  • Copy link

  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.

• 

  camerashootrepeat · Member · Jul 31, 2014 at 10:11 pm

  • Copy link

  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
  }

• 

  sandymcfadden · Member · Aug 2, 2014 at 12:44 am

  • Copy link

  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.