Home and about color and size

  • Author
  • #1686350


    Sorry I’m not really good with the technical side of blogging like up dating the page to meet my own personal preferences. I am currently trying to move the search, home and about tabs to the top of my page and enlarge my avatar as well as title and subtitle. If anyone has any CSS codes that would help a ton.

    The blog I need help with is hernameistripoli.com.


    Hi, due to the say this theme’s left area is designed and coded, it is a little difficult to move things up and have everything work correctly. Instead of moving the search box on the left up into the top area (very difficult) I moved the search widget you have in the footer widget area up into the header area. If you wish to have a search box in the footer widget area, you can add a second one. Add the following CSS and see what you think on the repositioning of the menu and search widget.

    #page {
        position: relative;
    #search-2 {
        position: absolute;
        right: 0;
        top: -50px;
        width: 140px;
    .widget_search form {
        background: none repeat scroll 0 0 #FFFFFF;
    #page #branding #searchform {
        display: none;
    #access {
        position: absolute;
        top: 0;
        width: 300px;
    #access li {
        display: inline;
        float: left;
        padding-right: 50px;
    #page #branding #access a {
        color: #FFFFFF;

    On enlarging your avatar, the following will do it, but the avatar size is set in the theme files, so we are relying on the browser to resize the image, and that means that the quality will suffer (less sharp). This enlarges it from a width of 180px to 220px.

    #page {
        max-width: 1000px;
    #main, #colophon {
        margin-left: 260px;
    #branding img {
        max-height: 100%;
        max-width: 220px;
        width: 220px !important;

The topic ‘Home and about color and size’ is closed to new replies.