Metro Customisations

This topic is: not resolved

Tagged: Metro theme.

This topic has 6 replies, 6 voices, and was last updated 11 years, 11 months ago by cotaylo.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 12, 2013 at 5:10 am #34948

rogerp
Participant

I have changed over to the Metro theme but it seems you don' have the ability to put a logo top left?

Can anyone advise how I could get a graphic to show top left?

Also I would like to put a menu at the very top of the site as they have done here - http://blackandwhitelife.com/

And finally he seems to have made his main content a little bit transparent?

Any tips on any of this would be appreciated

Thanks

Roger

http://www.rogerlapin.co.uk

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

April 12, 2013 at 8:31 pm #35140
AnitaC
Keymaster
You can use the Header function for this. Go to Appearance > Editor. Select Functions and look for this:
```
// Add support for custom header
add_theme_support( 'genesis-custom-header', array(
	'flex-height'	=&gt; true,
	'height'		=&gt; 87,
	'width'			=&gt; 1080
) );
```
Change the height and width to the size of your logo. This will give the header function the correct size and you will not need to crop anything.

Then go to Appearance > Header.
Upload your header.

That's it.

To activate the top menu - that is the Secondary Menu. Go to Genesis > Theme Settings. Make sure you have activated the Secondary Menu.

Then head over to Appearance > Menus. Create a menu for the top nav and allocate that to the Secondary Nav on the left of that screen. Be sure to save everything.

For the transparency... I have to look that one up and get back to you.

Need help with customization or troubleshooting? Reach out to me.
April 12, 2013 at 10:01 pm #35171

bill scheider
Member

Hi Roger,
The transparency was accomplished in the photography site by adding this to the #wrap:
background-color: rgba(0, 0, 0, 0.8);

The 'a' at the end of the rgb stands for alpha. Adjusting that number adjusts the transparency.
HTH

April 15, 2013 at 4:31 pm #35644

socialprguy
Member

I have a similar question to this one. When I go to upload my custom header, part of the original one remains. How do I remove the original header style and just use my custom header?

July 15, 2013 at 11:18 pm #50920

cotaylo
Member

I have the same issue as socialprguy.

If I uncheck "Show header text with your image" then my logo also disappears and I just get a large blue full width box in the header.

If I leave it checked, then I get the original text over top of my logo...

You can see that here: http://www.DabofRehab.com

Thanks for the input!

July 16, 2013 at 9:44 am #50948

Marc
Participant

You might explore using this coding -
http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/

Resultz Digital | Websites, search marketing services and consulting for small business.

July 16, 2013 at 5:35 pm #51044

cotaylo
Member

Thanks Marc but any chance there is a simpler answer?

I mean, really, I just uploaded my logo via Appearance > Background. Why do I need to add all that code to fix that overlapping theme glitch?

I was expecting a little more user friendliness with the Studiopress themes. 🙁

I haven't changed any code yet - the theme is straight out of the box so to speak and already I have this problem that I have to add code for?
Author

Posts