WordPress.org

1. katiagphoto
   Member
   Posted 1 year ago #
   

   Just wondering how to make my header larger?

   Do i change the values in Header.php or on the style.css? I am so lost, i have absolutely no idea about CSS and so far all the changes i have made to Coraline have been just me playing around and hoping i don't mess anything up.

   i used the "One-CLick Child Theme" Plugin to create a Child theme of Coraline, but i don't actually have any idea how to utilize it.

   help?

2. algirdas
   Member
   Posted 1 year ago #
   

   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:
   http://codex.wordpress.org/Child_Themes

   Good luck!

3. algirdas
   Member
   Posted 1 year ago #
   

   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.

Topic Closed

This topic has been closed to new replies.