Replace stock logo with one larger than default « Support Forum | Kriesi.at

Support Forum » Newscast

Replace stock logo with one larger than default

11 posts from 4 voices

Started 2 years ago by Internets
Latest reply from Dude
This topic is not a support question

Tags:

Internets
Member

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{ 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!

Posted 2 years ago #
Dude
Dude
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;
}
```
Posted 2 years ago #
Internets
Member

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?

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

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

James

Posted 2 years ago #
Internets
Member

The address to the website is located in my username.

http://www.amazon-mission.org

Posted 2 years ago #
Dude
Dude
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.
Posted 2 years ago #
Internets
Member

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'

Posted 2 years ago #
James Morrison
Former Team Member
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
Posted 2 years ago #
Internets
Member

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

Posted 2 years ago #
c_srishti
Member

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

Posted 2 years ago #
Dude
Dude
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.
Posted 2 years ago #