[kalatos]

Dears,

I would like kindly ask you how to change ccs to move additional picture added by option Header => Header Picture. Now the picture has similar size like site logo but is showed few times higher.

What is my idea? To show additional picture in the original size in the same line as page logo on the right corner.

Below you can find my custom css that I already putted in the administration panel:

#header #mainmenu {
float: none;
text-align: center;
}
#header #mainmenu ul li {
display: inline-block;
float: none;
}

#header .social-search form.searchform {
display: none;
}

#header .logo-wrap {
width: 100%;
}

#site-details {
float: right;
text-align:center;
}

.page #main #content img {
background-color: transparent;
border: 0;
}

.h4 { text-transform: none; }

Thanks in advance,
Lukasz

[kalatos]

Here is the link to the page: http://dpssosabowski.pl/wp/

[kalatos]

And the second question regarding main menu. I got some changes in the css:

#header #mainmenu {
text-align: center;
}

#header #mainmenu ul li {
display: inline-block;
}

How to hide last blank part from the menu?

[Sakin]

@kalatos:
1. You can add the following css in “Appearance => Theme Options => Custom CSS” box:

#header .layout-978 {
    position: relative;
}
#headimg {
    clear: none;
    display: inline-block;
    float: right;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 55px;
    width: auto;
}
#headimg img {
    width: auto;
}

2. That gap cannot be removed. You can center the menu. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

#header #mainmenu ul li {
    border: none;
    display: inline-block;
    float: none;
    height: 40px;
}

[kalatos]

Hello Sakin,

you are the best, thank you so much for your support.

Regards,
Lukasz

[Sakin]

@kalatos: Thanks for your appreciation.

[Author]

Posts