Different color for box and size of the header

[aledepi]

hi,
first of all sorry for my bad english
I will use a picture that is easier

How can I achieve this with your template for the blog part of the site? I tried all the possibilities in the “theme options – styling options” but did not succeed.
I would like a different color for the inside of the box.

I would also reduce the size of the header. I tried to use this code that I found on this forum in the Kleo child editor but it does not work.

COPY CODE

.kleo-main-header .navbar, .kleo-main-header .navbar-collapse ul {
    line-height: 40px;
}

I disabled the logo, I have “sticky top menu – on”, “resize scroll logo on – off” and “display top bar – off”

thanks

Attachments:

You must be logged in to view attached files.

[aledepi]

please help me

i found with firebud what i need to change to reduce the size of the header but i can’t find it in kleo’s css because it is an element.style.
from firebud:
<div id="undefined-sticky-wrapper" class="sticky-wrapper" style="height: 89px;">

<div class="navbar-header" style="line-height: 88px;">

<a href="http://lostincity.eu/" title="HOME" style="line-height: 88px;">HOME</a>

<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin: -4px auto; background-color: rgb(0, 0, 0); padding: 0px; max-height: 800px; overflow: visible; height: 800px;">

i just found this in app.css

COPY CODE

.navbar-header, .kleo-main-header .navbar-collapse > ul > li > a:not(.cart-contents) {
	line-height: 88px;
}

but if i put 40px and past it in kleo child editor nothing happen

thanks

[Abe]

Hi,
Please update the theme and K-elements plugin.
What browser are you using? give us a link to your site.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[geanguru]

I also really would like to know how to change the color of the box in blog view. The post background and box background is all white so it doesnt give a nice view.

How could we change it ? Any help is appreciated

[Abe]

hi @geanguru
You should style it by adding this CSS in your kleo-child/style.css and by changing the color

COPY CODE

.main-color article.post-item.kleo-masonry-item .post-content {
    background: none repeat scroll 0 0 #ccc;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts