Thesis theme background image

This displays my background image at full size and it is static as the page scrolls over it. Thank you. Cant make it work in a thesis theme. Thank you!

Tips to Help You Choose The Best Background Image

Fist pumped for literally 10 seconds when this worked. Today was css for me so I was wondering how this will play out if I am creating a few separate WP pages each with a different BG image? This instead of applying the BG to the whole blog. I got a little csa code in and applied it to the page ID. I was feeling quite smug until I previewed. Once everything is installed we are ready to go. First you will want to determine the size of your image, or header.

Change Background Image - OceapWP WordPress Theme

What is that dimension in pixels? You will need this for both creating the image and for settings inside of Next-Gen. We used Photoshop to create a layered file containing all of our images so that we can position and scale them within the size constraints and save out the multiple versions of the file.

Putting a Background on a Thesis Theme in WordPress With OpenHook |

Once we have all the layers in the proper positioned its time to save out all your files. In our example we created 5 different images to use. We used smart naming conventions to make sure we can tell these images from others just by their names. We titled our images:.

We need to do the following steps:. In Photoshop—you should see the checkerboard pattern—it should look like this:. Once presented with the save dialog window you will want to set the following parameters for your file.

  1. essay on imagination v s knowledge;
  2. Thesis FAQ – Useful Answers to Common Thesis Questions;
  3. Adding a Full Screen Background Image to WordPress.

We are always open to more efficient approaches—who isnt? Once logged in you want to proceed to the gallery management tools near the bottom of the left hand side of the page:. The next step is to upload the images you previously saved. If you look at the set of tabs at the top of the screen you will see an Upload Images option. That is what you want to select. You need to click on Choose File and proceed to navigate to all your images and upload each one. Once you have all of the images listed, you should then select the proper gallery from the pulldown menu where it says Choose Gallery in the pulldown menu.

Life Hacks for Your Smartphone

Once all your images are listed, your gallery is selected it is time to click Upload Images. This may take a few seconds depending on how large your images are so be patient. Now click on Manage Gallery under the Gallery admin menu on the left side of the page. You should see your gallery listed under the Gallery Overview page. Click on the title to proceed to edit the gallery content. At this point you want to make sure that all the images you uploaded are present. If not, go ahead and add what you need. Now you want to confirm that the slideshow and the technology needed to run it are in place.

Of primary concern is the tab titled Slideshow. You need to look at the first option under this tab: Path to the Imagerotator. This should take care of things.

This technique works for anything — flash animations, videos, banner ads, etc. Really, you can insert any chunk of html you can dream up. This is the basic method in Thesis of adding any content beyond what wordpress automatically generates. Now you should see your image inserted once before the content begins but alongside the sidebars on every page.

On pages that list multiple posts, if you want the image to appear repeatedly before each post, change it to read:. The possibilities are endless — you can discover all sorts of places to hook into by reading the Thesis Hook Reference List Now, if you only want the image to appear in certain places, you need to add a conditional statement to your function in this case, to limit the banner to the home page only :.

Now your image will only be inserted into the page if the condition is met. Of course! Thesis automatically generates custom CSS classes for pages and categories. On category listing pages e. Combined with the files in your custom folder, you now have everything you need to perfectly recreate your site somewhere else.

Install it, activate it, and go to the plugin settings page. This will result in two files downloaded to your computer. By default, WordPress displays the author of the post and when it was posted.

How about adding some additional information? This example adds tags and categories to the Thesis byline, each on a new line, and with the needed classes to match the other byline items. Place these styles in your custom. Now each teaser will fill the full width of your content column! Just tweak your css a bit more to mimic the layout of sites like www.

Quick Links

You must be logged in to post a comment. Find Out Why. Sharing is caring! Eric Binnion is a computer science student at Midwestern State University.

How to Add Custom Backgrounds

When Eric is not online, he is usually volunteering in his community or enjoying time with his family. You can find Eric on Twitter. Related Posts. If you aren't using Thesis, chances are….