Balint Toth

Hello!

You can easily accomplish that by editing some css code. I would advice creating a child theme for this to ensure that you don’t lose any changes on an update, or install Simple Custom CSS plugin.

Here is the code necessary to shring the whole sidebar, and increase the content area accordingly:

.hfeed {
  width: 80%;
}

.aside {
  width: 17%;
}

If you want, you can change the percentage values based on your needs.

Let me know if this worked, and if there is anything else I can help you with.

Cheers,
Toth Balint BT

Hello! I apologize for my late reply. Please try changing the conde I have given you earlier to this one:

hgroup {
display: block;
float: none;
background: url('http://www.badmintonschlaeger24.de/badminton24/wp-content/uploads/2013/12/testheader.png') 0 0 transparent;
min-height: 120px;
margin: 0px 0px !important;
width: 100%;
}

Let me know if works.

Greetings,
Toth Balint BT

Hello!

I have checked your site, and it looks like that in the Simple Custom CSS code you have & q u o t(without spaces) in your css code instead of quotation marks in the background-image row. Please check it on your side and change it to ".

Let me know if this solved the issue!

Greetings,
Toth Balint BT

Hello! Sorry for my slow reply.

Sure, here is the code necessary to solve that:

.site-header h1 a {
	padding-top: 20px;
}

If you want, you can fine-tune the positioning by editing the 20px value.

If you have any more questions, just drop a line here and I am happy to assist.

Have a nice day!
Toth Balint BT

Thank you very much!

Here are the necessary steps:

1.) Please install the plugin Simple Custom CSS
2.) Upload your image to the media library. It’s size should be 1038px x 70px;
3.) open the image you have just uploaded, in the media library, and copy the file URL, like in the screenshot: http://d.pr/i/ot4
4.) Go to Appearance->Custom CSS inside the WordPress Dashboard
5.) Paste this code below, and instead the IMAGEURL paste the image link you have copied in earlier between the two quotation marks, and click Update CSS button:

hgroup {
	min-height: 70px;
	margin: 0px 0px !important;
	width: 100%;
	background-image: url("IMAGEURL");
	background-repeat: none;
}

6.) Refresh your website and check the results

I hope this solves your issue. If you have any more questions, just feel free to drop a line here, and I am happy to assist you 🙂

Greetings,
Toth Balint BT

Hello!

Could you please post a link to your website so I could help you?

Thank you very much!

Greetings,
Toth Balint BT

Hello!

You can put the image as the background of the site title. Please paste this code to your child theme’s style.css file:

header hgroup {
    background-image: url("http://www.meier-bergen.de/wp-content/uploads/2013/10/copy-panorama_background.jpg");
    min-height: 97px;
}

Because the background image is cut off if it’s element is not as tall as the image, I have included the min-height row, which adds more
space to show the whole background image. If you want, you can try how it looks without the min-height row.
For hiding the image from it’s current location, please paste this code under the above code:

#masthead > a {
    display: none;
}

I hope this solves your issue. If you have any more questions, just post theme here, and I am happy to help.

Greetings,
Toth Balint BT