algirdas

To minimize possible confusion:
I’ve switched the title to the left and the logo to the right in the url I gave above, so the appearance of the test site does not correspond to the description given in the above message. Here’s my css for title on left, logo on right:

/* -- float titles left/logo right/clear both ------------------ */
#titles	{float:left; margin-top:.8em;}
#logo	{float:right;}
#clear	{clear:both;}

Here’s the link to the relevant code from functions.php on pastebin.com:

https://pastebin.com/ey2LRaR2

I am using the Custom Posts Widget.

Looking in Twenty-Eleven’s functions.php file, I see the following relevant code:

[code moderated - please use the pastebin]

I'm not sure how to add a custom filter but will search some more ...

Thank you very much for the reply!
I ended up adding the site logo as you described, putting the title and description in a “title” div, floating that right in style.css; the logo in a “logo” div, floating that left; and then adding a “clear” div, clear:both (not sure if the “clear:both” is necessary). I then played around a little with the placement in style.css.

Changed code in header.php:

<hgroup>
				<div id="titles">
					<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
					<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
				</div>
				<div id="logo"><img id="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/site-logo.gif" alt="" /></div>
				<div id="clear"></div>
			</hgroup>

Here’s the css if anyone’s interested:

[CSS code moderated – the link to your site is enough to access all styles – also the forum limit for direct posting of code is 10 lines]

If it’s the text in the header you want to change, paste in these pieces of code:

For the title:

h1#site-title{
font-size:48px;
}

For the description:

#site-description	{
font-size:24px;
}

Or whatever size you want. You can, of course, also change the font and the color here.

Hi –

Here’s the short answer – you have to modify the css of your coraline child theme.

Go to your Dashboard. Go to Appearance –> Editor.
Select Coraline Child Theme – style.css.

The CSS of the child theme overrides the CSS of the parent Coraline theme.

Paste in some code at the bottom of the Coraline Child Theme style.css, replacing the height I’ve put in with the dimensions you want (you probably want to keep the width the same):

#branding img	{
        width:990px;
	height:400px;

}

Click on Update File.

Long answer:
If you know CSS, and if you’re on a PC get Firefox and the Web Developer plug-in. That lets you pinpoint what CSS to change to change the look of things. Then Google for a tutorial on how to use it. (It’s a bit of a cumbersome process but it works.)

I don’t know what to suggest if you’re on a Mac.

There’s a lot to learn. But it’s all do-able.

Here’s a link to the WordPress Codex article on child themes:
https://codex.www.ads-software.com/Child_Themes

Good luck!