Layout question

Hello,
My site is using the colorway theme: http://www.dakwerken-eurodak.be/
But I would like to change a small thing, as shown in picture.
1. The 2 small vertical white spaces in header should be black
2. an additional horizontal orange line
3. 2 additional vertical orange lines, left and right
4. the background should be black also in stead of white

Is it possible?
Can I do it myself?
If not, do you change those things and at what price?

thx in advance!
Christophe Schillemans

 

Hello
1). Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.logo {
margin-left: -10px ! important;
margin-right: -10px ! important;
}

This will solve the vertical white space issue in header.

2). To add horizontal orange line in the header, you can edit the header logo image and add the horizontal line in the bottom of that image as you required and then upload it from the custom logo section (Appearance > Theme Options > General settings).

3). Paste the following code in your Custom CSS

Code:

.container {
border-left: 5px solid #fc7f07;
border-right: 5px solid #fc7f07;
}
.footer-container {
border-left: 5px solid #fc7f07;
border-right: 5px solid #fc7f07;
}

This will solve the vertical orange lines issue in left and right of the content area.

4). We have checked your website, I think you have resolved the background issue by yourself.

 

Hello,

I've added the code, but still had some problems (see uploaded image):
1. The orange line must stop just under the logo.
2. The left orange line must be places some more px to the right
3. On the left and right side of the logo, I still have a whitespace.
4. Background is indeed black, but what we needed is also a black background in the pages.

thx in advance!
Christophe

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.container {
border-left: 5px solid #fc7f07;
border-right: 5px solid #fc7f07;
}
.footer-container {
border-left: 5px solid #fc7f07;
border-right: 5px solid #fc7f07;
}
body {
background: black;
}
.logo {
margin-top:0!important;
margin-left: -20px ! important;
margin-right: -10px ! important;
}
.logo img {
width: 100%;
}