Header and Background

Our themes allow you to create custom background and header images, or use one of a number of provided default header images, in order to make the site’s look and feel match your personal style.

In the theme admin controls, on the HEADER tab there are three areas to control what displays in your site’s header area, as well as manage the main “Featured Area” across your site. Click here to learn about Managing your Header >>

n the theme admin controls, on the BACKGROUND tab, there are two areas to control the main background image of your theme and how it displays. Click here to learn about Managing your Background >>


Managing Your Header

The following describes how to work with the Header Tab controls under APPEARANCES > TRAVEL BLOGGER THEME CONTROLS.

  • Header Image
  • Header Text
  • Header Featured Area – For information about controlling your Featured Area click here.
FIG A: Custom Header Controls

Header Image

The header image controls the image at the very top of the theme layout. You can upload a custom image, or choose to use one of the free provided header graphics, or choose to display no header image at all so your background can show through (Note: the default skins you see do not actually use a header image – they are just using one large background image to achieve that wide effect).

Preview: The preview area displays the currently loaded header graphic. If you are using one of the Theme Skins, typically this header graphic is not being used, so it may appear blank.

Upload Image: You can upload a new image at a size of 975×130 pixels and it will fit without being cropped. If you upload an image of a different proportion or size, the theme will ask you to crop it to fit the 975×130 area automatically.

Default Images: The theme comes with 7 default header graphics for you to choose from, or you can create and upload your own completely custom header graphic. These images are fully licensed for distribution with this theme.

Remove Image: This control allows you to completely remove the current header graphic, in case you want to show only the main background impage behind it.

Header Text

The header text is set by default to display your Site Title (can be found under SETTINGS > GENERAL). When displayed, this text is set to be an H1 tag in your code, which is important to know for SEO purposes, as text in H1 tags is generally considered important text on the page when Google or other search engines crawl and index your website).

Display Text: With this setting, you can hide or show your Site Title and Site Tagline text. You may want to hide it if you want to have your logo (instead of text) in the graphics of your header.

Header Featured Area

For information about controlling your Featured Area click here.

 


Managing Your Background

The following describes how to work with the Background Tab controls under APPEARANCES > TRAVEL BLOGGER THEME CONTROLS.

Our theme supports the use of any size background image you want to use, as well as using just a color with no background image.

FIG B: Custom Background Image Controls

Background Image

Preview: The preview area displays the currently loaded background graphic. This area will not show you exactly what your image will look like necessarily, but rather shows you what effect you are applying to it when you change the Display Options (e.g. tiling, centered, no repeat, etc…). To see what your background really looks like, save your changes and view your site normally.

Remove Image: This control allows you to completely remove the current background graphic, in the case where you only want to show a color and no image.

Restore Original Image: This will bring back the default theme skin image. The other way to get the default skin back is to go to the Theme Layout & Skins tab, click on the skin you want, and SAVE CHANGES.

Upload Image: You may upload any size background image. Once you upload your custom image, use the Display Options below to control tiling, scrolling and more. We highly recommend not using any image that is larger than 150k. Smaller is better, as your page will load faster.

Display Options

Position: You have the option to position your background image to the left, center or right side of a browser window.

Repeat: You have the option of making your background image show only once (no repeat) or tile (repeat) horizontally or vertically.

Attachment: You have the option of making your background stay in place as visitors scroll your site (fixed) or move as they scroll (scroll).

Color: You can select a background color to display behind your background image.


Feature Tour

<< Theme Layout BACK I NEXT  Theme Footer >>

Share

2 Responses to Header and Background

  1. Dan Bolas says:

    Hi

    We are going through a relaunch. Is there a way of hiding the comments on the main page of the site. We get comments appearing next to the articles. This doesn’t really fill our need. It there a simple way of doing this, and if not, could you please provide me with the code to remove them from next to the article.

    Many thanks

    GREAT THEME

    Dan

    • admin says:

      Hi Dan,

      You can remove the comments in two ways:

      1. Method One

      Open the index.php file located in the root folder of the theme(you can also use the editor in the wordpress admin area, under Appearance > Editor, file is named “Main Index Template”.

      On line 27, where this shows: get_template_part( ‘loop’, ‘home’ );. Change to get_template_part( ‘loop’, ‘index’ );

      2. Method Two

      Open file loop-home.php in the root folder of the theme (you can aslo use the editor in the wordpress admin area)

      On line 48 where this is displayed: <div class=”col1″>, change to <div class=”col5″>. Now on line 62 thru line 65, you will remove all these lines. So where this displays:

      <div class=”col2″>
      <?php exp_get_comments($post->ID); ?>
      </div>

      Hope this helps

Leave a Reply