Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #4044

    Hello Kriesi, support staff, and fellow users,

    I am currently trying to replace the default 250px x 70px logo with a custom one that is 280px x 225px.

    I have edited *.*/style.css to reflect the following:

    Code:
    #top .logo, #top .logo a{
    display:block;
    height:225px;
    width:280px;
    position:absolute;
    left:20px;
    top:13px;
    border: none;
    padding: 0;
    margin:0;
    z-index: 10;
    }

    As you may know this does not fit the current spacing available in the header. In what area do I need to manipulate the code in order to increase the spacing in the header to fit this custom logo without clipping the menu bar?

    Thanks for any insight!

    #44722

    Hey,

    currently it’s not possible to increase the header height widthout resizing the header image. Fist resize the bg.png (located in the folder images/skin1) (it looks like: http://www.kriesi.at/themes/newscast/wp-content/themes/newscast/images/skin1/bg.png )

    Then you can adjust the header height by changing the padding-top value of following code in style.css:

    .nav_wrapper{
    position: relative;
    height:36px;
    padding-top:125px;
    z-index: 6;
    }

    #44723

    I have gotten the spacing where I want it (for now). It appears the box where the jQuery slider displays images has now shrunk. How do I increase the size of that space? Do I need to increase the size of the white portion of the gradient in ‘bg.png’ or is it a spacing comment in style.css?

    #44724

    Hey,

    Can you post the site URL? It would be easiest to look at the live site to assist you.

    James

    #44725

    The address to the website is located in my username.

    http://www.amazon-mission.org

    #44726

    The slider size is still the same – however if you want to increase it change the thumbnail dimensions in function.php. Then open up style.css and change:

    #featured, .featured, .fadeout, .newsselect{
    height:320px; /*this changes the height of the image slider*/
    }

    the height value as you like.

    #44727

    What’s up with the gray gradient that has rendered its self along the right side of the image slider? Is that a product of my lengthening the file ‘bg.png’

    #44728

    Hey,

    The grey background on the image slider is part of the background images, defined in the /css/style1.css file on line 124:

    #top .fadeout {
    background: url("../images/skin1/overlay.png") repeat-y scroll right top transparent;
    }

    You can replace or remove this image if you don’t like it.

    James

    #44729

    Hello again everyone,

    I feel as if the website looks a little bland with all the empty black space on either side of the current logo. I want to create a graphic banner that features more content related to the website. What size would I have to make the graphic canvas if I wanted it to span across say 75% of the current black portion of the header?

    http://www.amazon-mission.org

    #44730

    I really like this theme and think it would be just about right for the next project I’ll be working on (specially the two menu bars on top). However I would also like to put in some kind of a banner in the black space. How can I do this?

    Thanks

    Srishti

    #44731

    Hey,

    in header.php add your banner code after:

    <h2 class="logo ie6fix <?php echo $logoclass; ?>"><a>/"><?php echo $logo; ?></a></h2>

    If you like you can position it by wrapping it in a div – i.e.like:

    <div class="banner">
    banner code
    </div>

    At least add following css to style.css:

    .banner {
    position: absolute;
    right: 0px;
    top: 90px;
    }

    Obviously you can adjust the css class and the position as you like. You can also use a background image instead of a banner however it may look strange because the content div in the header doesn’t extend to fullwidth.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Replace stock logo with one larger than default’ is closed to new replies.