Docs

[robinweber1989]

Hi Support,

my website is: http://rondreis-planner.nl. My wish is to make my header exactly the same as this websites’ header: http://showcase.aislinthemes.com/?product=carry_hill (click on the right example > click on “about”).

What I’ve done so far is to incorporate the correct header background on my site through my custom css (the dots). I’ve done that by adding this css to by custom css:

.x-navbar {
background: #ffcc00 url(‘http://rondreis-planner.nl/wp-content/uploads/2016/08/background-warpper-menu.png’);
}

Now I would like this (http://carryhill.aislinthemes.com/content/themes/carry-hill/public/img/rainbow.png) image to be in my header as well. Exactly the same positioning and size as the example website if possitble.

Also I would like this image in there, just like on the example site:
http://carryhill.aislinthemes.com/content/themes/carry-hill/public/img/content-bottom-edge.png

Could you help me with this to create the same header?

Thank you in advance!
Cheers

My total custom css is this:

/* menu centeren – 2blokken */
body .x-navbar .x-nav-wrap.desktop .x-nav li {
float: none;
display: inline-block;
}
body .x-navbar .x-nav-wrap.desktop .x-nav {
width:100%;
text-align:center;
}

/* borders rondom menu items verwijderen */
.x-navbar .desktop .x-nav > li:first-child > a, .x-navbar .desktop .x-nav > li > a {
border: none;
}

/* balletjes patroon header */
.x-navbar {
background: #ffcc00 url(‘http://rondreis-planner.nl/wp-content/uploads/2016/08/background-warpper-menu.png’);
}

/* achtergrond patroon body hele site */
body .site {
background: #f7f6f4 url(“http://rondreis-planner.nl/wp-content/uploads/2016/08/achtergrond.png”) repeat;
}
/* breadcrumb kleur */
.x-breadcrumb-wrap2 {
color: #2196f3;
margin-top: 20px;
height: 30px;
}

/* bovenste footer kleur – geel */
.x-colophon.top {
background-color: #2196f3;
}
/* bovenste footer kleur – bruin */
.x-colophon.bottom {
background-color: #ffcc00;
}

[Friech]

Hi There,

Thanks for writing in! Have you try combining this images in one file? Having this separate images all together in the header would require a complex CSS that fall outside of the support that we can offer. You may wish to consult a developer to assist you with this.

Thanks for understanding.

[robinweber1989]

Hi Support,

One image would be an option. I will look into it. Will this option with multiple images in the header be possitble with the upcoming custom header builder?

One other question, did you find any errors in my current total css? I so, could you point me out some of the errors?

Thank you in advance and keep up the goog work!

Cheers

[Joao]

Hi There,

I am not sure we will have the option you are looking for on the header builder, this is not a feature requested often.

Regarding your CSS it seems fine, you always can use the website below to check your code as well.

http://csslint.net/

Hope it helps

Joao

[Author]

Posts