Twentytwelve navigation and header transparent
-
Hi all, I would like the header and navigation of twentytwelve theme to be transparent, I’ve looked now a few hours for that issue and I can’t find any solution 🙁
Thanks a lot for your help.
Here a link to test : http://twentytwelvedemo.wordpress.com/
-
You will need to manipulate the #content background, as well as the #masthead background and nav background.
unfortunately its not as easy as setting nav and masthead background to transparent.
If you set those to transparent they still have a white background because #content background is set to an off white
ok thanks I tried, but I guess my css skills are limited… 🙁
Anyone can help with some css?
This is driving me crazy…
I even tried to push out the php code from the content so it is isolated, I guess this is not a good idea…Thanks a lot
Are you using WordPress.com?
nope I have it installed locally right now that’s why I gave a “general” link : http://twentytwelvedemo.wordpress.com/
My website looks different but the principle and basis is the same. Then I will install it on my new server.
This problem just drives me nuts. I want to isolate the navigation from the content canvas so I can manipulate and place it where I want. In my case under the logo but over the content and so we can see-through my background that is a picture.
Add this CSS:
body { border: 10px solid red !important; }
Does anything different show on the website?
here : http://hpics.li/1cb4ae4
A red border 🙂
So what CSS did you try that hasn’t worked?
I don’t know, I try to play around with masterhead, site-navigation, nav-menu… It’s been a while; register everything I tried will be long.
Juste so everyone has a clear vision of what I’dd like to have (I already did with the logo I just want to have something for the navigation) :
HERE WHAT I WOULD LIKE TO HAVE : http://hpics.li/93774d1
Without any code snippets or actual webpages for reference, we cannot debug why the CSS you’re trying isn’t working.
But I don’t want to be debugged I just want proposals, my css is not working because I don’t have the skills that’s all.
And the link here permits to make tests : http://twentytwelvedemo.wordpress.com/
I just want the navigation to not take the background of the content.
My initial idea is to change the header.php to move the navigation but I mess everything up when I try.
So I tried with css, but the white under the navigation won’t go away 🙁my css is not working
So I tried with css
So please state what you have tried so that we can see why it didn’t work.
BTW the Twenty Twelve demo website for self-hosted sites is not at WordPress.com, it’s here: http://wp-themes.com/twentytwelve (self-hosted).
But I don’t want to be debugged I just want proposals, my css is not working because I don’t have the skills that’s all.
Which is kinda, sorta understood but without a page to look at support for that CSS is hampered.
I know you’re using localhost and we can’t see that obviously but if you can share via pastebin.com any CSS you’ve already tried then that would make it easier for recommending changes.
you want me to list every crap I did for hours? Why? If it didn’t work. I am not very good at css.
There was no proper evolution not even something coming close to the solution. I just pushed border up and down, tried to make margins, negative margins, tried background transparent solutions, change position to absolute (messed up the navigation)… things like that but for like 4 hours. Just playing with code inspection of chrome.
Thanks for the new link : http://wp-themes.com/twentytwelve 🙂
ok I got it I will try more then and tell you if I find something here. Thanks 🙂
I just thought as the theme is twentytwelve it will be the same css changes on an example page than on my website.
- The topic ‘Twentytwelve navigation and header transparent’ is closed to new replies.