One last question, a minor thing and maybe a tough one to solve?
– There is a parent link in my navi (“mehr…”) that let’s you reach some child pages. This parent page is empty and should stay empty. I have seen on another website that they had a parent nav item that was not linking anywhere but instead just opening the child navigation links. Any idea how I could change that?
That’s a lot of questions and I hope they are not too stupid.
But even if this is the first website I build myself I have a clear vision of how it should work and look like. (As a professional Blues musician, guitar teacher and author I feel that my website should meet the quality of my music and my teaching 😉
If I can give something back for your help (like a donation or a free guitar lesson via skype) I’d be more than happy to do so! I strongly believe in reciprocal treatment (yepp, I looked that one up in my English dictionary…)
Thanks once more,
Andi
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.
Jetpack plugin
Child Themes
Child Theme creation plugins
Custom CSS plugins
On Superhero, the header image sets to the left of the menu and the recommended size is 480px x 150px. Is that the image you are talking about, or are you talking about the full-width slider that would be below the black band containing the menu?
I see you have two flags on the right of the menu area, but the flags are pretty small. You can have a larger flag by placing the flag as a background image in li.sparch, but you will need to have a separate class for each flag, something like sparch-de, sparch-us, or similar and then add the background declaration to those classes, something like this:
li.sprach-us {
float: right;
display: block;
width: 50px;
background: url('http://www.andisaitenhieb.de/material/logo-british-flag300x150.png') no-repeat scroll center center;
background-size: contain;
}
The background-size:contain; declaration will make the flag image fit the available space.
The yellow line at the bottom of the widgets is a bottom border declared in .widget. To get rid of them, you can do the following:
.widget {
border-bottom: none;
}
Superhero does not have a footer widget area, but you can add Widget Areas to any theme. Again, this is best done using a child theme so that your customizations are not overwritten.
Hi sacredpath,
many thanks for your help and the useful links!
I will read about child themes very soon. (I’m a WP newbie. Right now I’m just trying out different plugins, customizing code etc. When I know what plugins I need and what not and what I can do with the code, I will start with a fresh WP installation including child theme).
The link underline deletion worked like a charm!
Also the flags are bigger now. But the small ones are still visible above them. BTW: I made them big in the first place, but there seems to be some code in the nav bar that overwrites this and makes them small. (On the German flag I deleted the following code to see what happens, but this makes things even worse:
display: block;
width: 50px;
I leave it for now so you can see what happens.)
The widgetizing seems to be a little bit of learning, so I have to postpone this to next week.
If you have any idea about the Little flags still appearing, that would be much appreciated. 🙂
Thanks again,
Andi
I fooled around a little more adding max-width / max-height and width / height, but there is still this strange big red border when hovering over the flag…
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Oops, sorry I forgot to address that. Add the following to get rid of the hover color for the US flag.
li.sprach-us a:hover {
background: none;
}
No Problem. Now it works perfectly.
Life (or CSS) can be so simple, if someone knows what he is doing… 🙂
Thanks a lot for your help,
Andi
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Andi, you are welcome, and keep plugging away at the CSS. It can be frustrating at times and fun at times, or both. 🙂
