Floating widgets

Hi Awan,
Any chance to get help with this please?
Many thanks!
LJL

Hi,

Sorry… I think I missed this thread :slight_smile:

Okay, for the existing css code, please change the min-height of #header-banner to 100% and also, please to remove the margin-bottom also.

By the way, the header image are not displayed on my end. It’s blank with grey color

Where do I find that code?
Which file?

How do I change font type and size of header and buttons?
How do I change button size?
Rounded corners?

Thanks

LJL

Also, hovering over the buttons, makes the text inside disappear. Not nice. The button should turn white, but the text inside should be back or grey when hovering.

How to do that?

Thanks,

LJL

Note that “Latest” displays correctly when you over on it (text turns darker). But not “Catalogue”. Strange. Why is that? Why are the 2 buttons treated differently?

Thanks!

Okay, for the existing css code, please change the min-height of #header-banner to 100% and also, please to remove the margin-bottom also.

I have now done this.
Thanks.

By the way, the header image are not displayed on my end. It’s blank with grey color

Strange, I can see the picture clearly in several different computers. Although it is true that when I edit the home page with the customise function in Wordpress, the background is grey.

Hi,

I am not sure what caused the text color of the catalog button are not changes when its hovered. But to cover it, please try this css code:

#header-banner .button:hover {
    color: black;
}

Oh it’s okay if you can see the header image clearly, maybe its my internet connection, so the image are not loaded :slight_smile:

Thanks.
I still would like to edit the header area.
I would like to make the buttons bit smaller and with rounded corners.
I would like them to be closer to the header banner.
Thanks!

Here is how the home page looks now.

I’d be nice if we can bring the banner and the buttons a bit closer to each other.
Thanks!
LJL

Aha the header looks good now :smiley:

to make the header text banner and the button closer, you can use these css code:

.header-container h1 {
    min-height: 100px;
}

and to change the button size and make it rounded, use these css code:

#header-banner .button {
    padding: 10px 15px;
    border-radius: 10px;
}

Thanks, awesome!
One last thing… :wink:
Look here: http://testsite.livejazzlounge.com/latest/
Hover over any of the posts. The text turn white (hover vcolor) and it disappears.
I would like to change the hover color of the post title to something else, say, grey.
How do I dod this?
Thanks.

Hi,
Use this code to make the title black when the block is hovered:

.hentry:hover h5.entry-title {
    color: black;
}

Thanks. I need the same for category pages:
http://testsite.livejazzlounge.com/category/2010s/

And for tag pages:
http://testsite.livejazzlounge.com/tag/kaja-draksler/

Thanks!

LJL

Hi,

Here is the code that you need:

.category .entry-title a:hover, .tag .entry-title a:hover {
    color: black;
}

Thanks!
How do I adjust the font size of the header banner?
LJL

Hi, did you mean the text animation?

if so, here is the code:

.header-container h1 {
    font-size: 35px;
}