site title line length

Viewing 2 replies - 1 through 2 (of 2 total)
  • rikardo85

    (@rikardo85)

    11 years, 3 months ago

    In the CSS file,

    edit the following:

    #site-title {
    margin-right: 270px; - REMOVE
    padding: 3.65625em 0 0;
}

.one-column #branding #searchform {
     right: 40px;
     top: 8em;
}

    To remove the red image looks hardcoded. Remove this form header.php or using CSS.

    Hope this helps

    CrouchingBruin

    (@crouchingbruin)

    11 years, 3 months ago

    Do not edit the theme files directly. If the theme gets updated because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. Instead, either create a child theme or use a CSS plugin like Jetpack or Custom CSS Manager. Since you just need to make CSS changes, using a plugin is easier. I highly recommend Custom CSS Manager. Then to add your own CSS, you would go to Appearance > Custom CSS Manager.

    As @rikardo85 mentioned, you want to remove the right margin from the site title so it will stretch across the width of the header. You can do that by adding this rule:

    #site-title {
   margin-right: 0;
}

    And then to push down the search box, you can use his CSS rule:

    .one-column #branding #searchform {
     top: 8em;
}

    As far as removing the red part, I would just use an image editor and create a new image, cropping the red part out of the existing image, then re-uploading it as a new header image (Apperance > Header).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘site title line length’ is closed to new replies.