Menu Mod Twentyeleven
-
Hello,
I want to modify the original “black bar” twentyeleven Menu by superimposing a white text so that it gets read as a cutout of the black background.
Something like this.
Do I have to create the white text lettering as a graphical element in photoshop (or equivalent) and stick it on top of the menu bar?
How do I change the code for that?
Will it be dynamically reconfigured autmatically when read from a mobile device or any “terminal” other than my personal computer?Thanks for feedabck!
-
Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.
Yes esmi, thank you.
I created a test site of my WPMU install and I’m going to experiment with it…
=)
Hi,
The twenty eleven theme only uses colors and not images, so you can change these as Esmi said in the Child Themes style.cssYou can use FireFox and FireBug to find the style colors you want to change.
As you have a test website, I created a child theme a while back that you can use to play with the colors, the menus are gradiants and it will deal with them, it generates the style blocks for you to copy, you can read about it and download it here
See the menu change on YouTube about 1:00s in!
HTH
David
@digital Raindrops
thanks for the explanation and the links.If I understand you correctly there is no way to mod the Black Menu bar the way I want to.
Not even creating a graphic layer with another software and telling the .css somewhere (pardon my ignorance) to stick it on top of the menu bar when it displays the theme interface. Right?
Thanks
You could recreate the menu in your link, changing the colors in style.css and adding the @ as an image or text, I do not think the link is right in the UK?
I am not sure what you mean by this?
Superimposing a white text so that it gets read as a cutout of the black background.
The link in the UK is to a red and cream theme, not a Google image, add a better link to a website or image and not a Google search!
Regards
David
You are right David, sorry for the messy link…
Here goes a better one :
This optical illusion gives a better idea of what I am thinking (hopefully).
The light blue text would be the white text in case, the black text would be the black Menu bar.
…
If I understand correctly, I can leave the black bar as it is.
I just need to add the text “as an image or text” in the .css?
Any suggestion how do I go about doing that?
Which part of the .css should I target?
How to code for “add this image or text here” in the language of .css?Thanks a lot !!!
Ok,
The TEST site under WPMU does not make it.
I have gone and followed ESMI instructions link to build a child theme.A style.css should be enough in the new directory to activate a theme select option but…
If I call it Style.css I get the following message from the dashboard/appeareance/themes window :
The following themes are installed but incomplete. Themes must have a stylesheet and a template.
Name Description
twentyeleven-child Stylesheet is missing.…
if I call it style.css
I get no error message, but no option to select any newly found theme.
It’s like I changed nothing…This is the code I put in the style.css file :
/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Your name here
Template: twentyeleven
*/@import url(“../twentyeleven/style.css”);
#site-title a {
color: #009900;
}Any clue?
Thanks
…even if I copy/past the whole style.css from twentyeleven original folder, I get the same error message…
…and no response at all from dashboard if I change it back to style.css (lowercase)…
=(
PS – …also, the Twenty Ten theme folder is totally invisible too from dashboard. Only newly added themes from Network Admin dashboard are visible…
Help !!!
Can you post a link to your site?
sure:
PS – …also, the Twenty Ten theme folder is totally invisible too from dashboard. Only newly added themes from Network Admin dashboard are visible…
Did you make sure the parent and child theme are active in the Network Admin > Themes area?
David
doh!
That was it David…
=/
Now that the missing theme issue is solved, I’ll go on and experiment a little more to see how to get my Menu Bar mod.
Thanks a lot!
=)
Ok,
created child theme.
style.css
fucntions.php
header.phpfollowing instructions here :
I get these errors at the moment I activate the theme :
function techild_header_widget(){ if ( ! dynamic_sidebar( 'header-widget' ) ) : get_search_form(); endif; } Warning: Cannot modify header information - headers already sent by (output started at /home/become/public_html/wp-content/themes/twentyeleven-child/functions.php:1) in /home/become/public_html/wp-includes/functions.php on line 861 Warning: Cannot modify header information - headers already sent by (output started at /home/become/public_html/wp-content/themes/twentyeleven-child/functions.php:1) in /home/become/public_html/wp-includes/functions.php on line 862
…
then on home page, on top of the page it shows :
function techild_header_widget(){ if ( ! dynamic_sidebar( 'header-widget' ) ) : get_search_form(); endif; }
Any suggestion, please?
Here’s the link :
Thanks
- The topic ‘Menu Mod Twentyeleven’ is closed to new replies.