Help removing coloumns and decreasing header hight

I have struggled with this for a while and figured out some stuff on the page. Try this as this seemed to work for me:

This below will get rid of the top of the header and just leave the image file for the header:

.hgroup-wrap.clearfix {
display: none !important;
}

It seems there are a lot of questions about the header and only a few are answered. since I am presently working on a website with this template I will help out and try and post some answers to some questions. I am not a web designer by trade though. But what I know I will share.

BTW, I think the suggested header image file size suggested in the template is too big ??

This is my setup so far with the template. Much more work to do though.
https://renuecomputers.info

jdegraw

Hi @admin189,

I hope you are well today and thank you for your questions.

1. I need to remove the gray color that’s behind white tiles/columns/boxes ,so that its plain white, no boxes/columns

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

aside.widget,
article {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
}

2.I want to decrease the height of my top header so that only my logo is there and toppest blue bar should be removed

Please use the following CSS code to achieve this.

html body{
	border-top: 0;
}

hgroup#site-logo {
    margin-top: 0;
}
div.hgroup-wrap {
    padding-bottom: 0;
    padding-top: 0;
}
#branding div.hgroup-wrap {
    background-color: #fff;
}

Best Regards,
Movin

Thanks man ,you are a lifesaver ,i applied your code
it decreased the height of my top bar and removed blue thingy, thanks , i want to decrease it further more,can i do it
and second problem is the columns ,i want simple white background and text on it no seperate boxes for recent posts ,categories or anything just plain …. looking forward for your reply
anyway thanks,god bless you

in addition this is my total css file

aside.widget,
article {
box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
html body{
border-top: 0;
}

hgroup#site-logo {
margin-top: 0;
}
div.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#branding div.hgroup-wrap {
background-color: #fff;
}
.wrapper {
max-width: 1440px;
}

.container {
max-width: 100%;
padding: 0 30px;
}

.attachment-featured.wp-post-image {
width: 100%;
}

.post-featured-image {
max-width: 100%;
}

.slides img {
width: 100%;
}