Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #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:

    #top .logo, #top .logo a{
    border: none;
    padding: 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!



    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:

    position: relative;
    z-index: 6;


    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?



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



    The address to the website is located in my username.



    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.


    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’



    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.



    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?



    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?





    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

    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.