Thesis Theme Logo Above Menu

Tags: How To Start Writing DissertationA Good Man Is Hard To Find Character Analysis EssayMaya Angelou Champion Of The World EssayEconomics EssayReasons For Attending College Classification EssayFormal Ways To Conclude An EssayCollege Essays EthnicityHot Dog Business PlanThesistools EnqueteSafety Assignment

Once you have the width and height of your header determined it is time to create/optimize your images that you intend on using.

For our purposes of this tutorial the size of our image/header is 857 pixels wide, and 150 pixels high.

If you have an easier/simpler way to do this, please share!

We are always open to more efficient approaches—who isnt? You want to be logged into the admin area of your website, Once logged in you want to proceed to the gallery management tools near the bottom of the left hand side of the page: You want to select Add Gallery / Images from the menu choices.

In Photoshop you want to select Image/Trim You should now have a much tighter logo/type that still has the shadow present.

You want to select File/Save For Web and Devices Once presented with the save dialog window you will want to set the following parameters for your file.Select your logo/type layer then select the layer/layer style/drop shadow inside the menu options of Photoshop.Adjust the settings to your liking and you should see a drop shadow from your logo/type on top of the image.Once you are happy with the shadow its time to save out the logo/type image.You should turn off all image layers so that you only see your logo/type and shadow.Now that the background images are created and uploaded into NGG, and your logo/type image is uploaded via FTP its time to get busy with the custom.css, custom-fuctions.php, and NGG settings.The method presented below is our “hack” to making this combination of plugins and technology work.If you look at the set of tabs at the top of the screen you will see an Upload Images option. 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.Once all images are turned off and the only layer turned on is your logo/type you should see transparency behind the image.In Photoshop—you should see the checkerboard pattern—it should look like this: With only the logo/type layer displayed you will want to trim out all the uneccessary image data.


Comments Thesis Theme Logo Above Menu

  • How to change logo header of your WordPress Thesis theme

    Dec 11, 2010. You need to change your logo header in your Thesis theme if you want to. As a mentioned above you can change the header logo either by.…

  • Effectus Skin Setup Guide - DIYthemes

    Adding a Logo to Effectus is simple—just visit Thesis Home → Skin → Logo. allows you to place your Navigation menu above or below the header area.…

  • Banner/logo above menu? - Support - Premium.

    Mar 6, 2014. Hi there. so I understand this may be beyond the scope of this forum, but I'd appreciate the help if possible. Rather than having the logo appear.…

  • Move logo above navigation menu - ThemeGrill

    To display the navigation menu below the logo you can try the following code, paste it in Custom CSS in Theme Options- Design tab…

  • Clickable Logo in Header in Thesis - Bill Erickson

    Update As of Thesis 1.8, you can use the new Header Image option in the Thesis menu. One of the most common modifications to the Thesis theme is replacing the. Make sure you change the height and width to match your logo's dimensions. To all those who visit here, the above code on this blog works as stated for.…

  • Logo above Menu

    May 21, 2018. Hi. is it possible to move the logo above the navigation bar similar to the Kale theme? Do I need a child theme to do that or can I use the additional css section?…

  • Add Logo on Top of Navigation Menu in a Genesis Child Theme

    May 20, 2014. This tutorial for WordPress websites shows you how to add a logo on top of the primary navigation menu in a Genesis child theme, for a.…

  • How to setup Navigation Menu in Thesis Theme 2.0.

    Nov 16, 2012. in Thesis Theme site, those are Nav menu in above header Nav menu in. Last week we learned how to add logo or header image in Thesis.…

  • Thesis Tutorial Dynamic Image Header with Transparent Logo

    Thesis Tutorial Dynamic Image Header with Transparent Logo. of the tools that I use is Chris Pearson's fantastic Thesis WordPress theme framework. Gallery plugin to your header, or banner image and place your logo above it. Select your logo/type layer then select the layer/layer style/drop shadow inside the menu.…

The Latest from ©