Forever navigation bar ss
-
Hello, sorry If my english is very bad, i am French but i am going to do my best to explain my probleme. I am using forever theme, which i’m very happy with but i want to do some modifications with the css.
I really like the “ribbon ” on the navigation bar on ADEL theme.
My question is can i put this ribbon or any others “shapes” on the navigation bar of Forever theme?Thank you for your answer, i just looked everywhere but it seems impossible?
The blog I need help with is http://biotytips.wordpress.com/
The blog I need help with is: (visible only to logged in users)
-
you can add the banner as a background to your navigation.
The CSS code:
#access{
background: url(‘image’);}You would need to provide your own image. You can either create the banner (which wouldn’t be hard) or easier yet, print scr and crop out everything else. Or just pull a banner off the internet. Put the url in between the ”.
if you are using the black banner you can change your nav font color with
that would change it to white, or you could use #FF99CC, and that’s the pink color you are using.
-
Thank you very much !!!
but i do have pain to put a right picture, it’s too big! can i change the size with the css or i have to do dit manually?Last thing, can i take off the “tag” under my articles or at least make it tem invisible
thank you !
-
-
lol yes i know this forum but most if the they said we have to go to english forum. More competents people here :)
-
lol yes i know this forum but most of the time, the they said we have to go to the english forum. More competents people here :)
-
-
The tags are easy enough to get rid of.
footer.entry-meta{
display: none;}There may be a setting in your theme options that can disable it also. If you wanna give that a look.
It’s hard for me to give you code for the image cause i don’t know the dimensions but put the image in as the background with the code i gave you above and add “background-size.”
#access{
background: url(‘image’);
background-size: 1000px 100px;
}The first dimension is width and the second is height. Try out some different combos until it works.
-
thank you very much for your answer, i still can make it but i am going to figure it out.
I succed to take the tags off thanks to you but just to be just, it just make it “invisible”? I will still be able to put some tags when i write articles?
-
yeah you can still add tags how you want. In wordpress, tags can be good for organizing different posts and information, but don’t serve much purpose outside of that, such as SEO.
If you put the image up and save it as the background, I can offer more help from there.
-
here you go. In fact i want the menu writting in the middle of the ribbon… and i just can’t make it
-
I pretty sure this will get you what you are looking for.
First remove the “right” declaration from #access ul and the “left” declaration from #access li since they effectively cancel each other out.
Next, modify the following rules in your custom CSS and add the declarations listed to them and change the font-size you have for #access a. I’ve taken the font size down by 2% since not all browsers render text exactly the same and the 2% should keep the menu from breaking to a third line.
#access { min-height: 84px; } #access a { font-size: 128%; line-height: 80%; margin: 4px 0 0 4px; } #access ul { padding-left: 105px; padding-right: 114px; }Add the following. This is to keep the dropdown submenu working with the above changes to line spacing and margins.
#access ul ul { margin-top: 29px; } -
Thank you very much !!!!!
i managed thanks to you to get the menu into the ribbon. Is it possible to get to writing a bit bigger without going outside the ribbon? Is it also possible to the “second ligne” in the center?And at last, i notice in the first page of my blog, there is an huge gap between the last article and the footer. How can i change that please?
Im sorry for all these questions, i am very grateful
-
You can center a menu, but once the menu goes to a second line, it will default back to the original alignment (left or right). I see you have a single line in your menu now and it is centered.
For the font size in the menu, you can reduce the padding between menu items and you can also tighten up the letter spacing to give you the ability to increase the font size. You can modify your #access a rule and add the following to it and then play with the values and see the results.
#access a { letter-spacing: -1px; margin-left: 10px; margin-right: 10px; } -
Thank you very much !!!! :)
I have an other problem. I changed the width of my page, so nothing’s special when i am writing my articles bu they are online, the text is out of the margin. I don’t know if you see what i mean?
Other thing, on the foot of my page, i have a widget to translate my blog. It is possible to put this icon on my menu (nav bar)? i can’t find the code for that.
Thank you again!
-
For the translation, you can create a custom link in your top navigation with the image, but given it is kind of crowded as it is, what about putting it at the top of your sidebar on the right? It’s just a thought.
I’m not sure what you are saying when you say, out of the margin. Are you talking about somewhere on your website itself, or are you talking about in the dashboard editor?
-
ok :) it could be nice actually but if it’s not too much too ask, can you show me as well the put put a link with a picture on the menu please?
So in the dashboard editor it’s normal like usually but if i make a preview like i always do before to put my articles online, the text is out of the page, it even goes until my dotted background… and it’s very wrong and annoying and i think it’s because i changed the size of my blog. The dashboard seems Wider
-
Oh it seems to be fixed itself for the dashboard :)
I just need a little help for my icon translator, thank you :) -
-
Create a new custom link menu item in your top navigation with something like “English” as the label that will appear in the menu (we will hide it and put the image there instead and the URL for the custom link will be the URL for your translation. The following example puts the image on the second menu item. After you add the menu item, you will have to look at your source code and find the item # for that menu item and replace the “13” with it in the following selectors.
#menu-item-13 { background: url("http://s3.timetoast.com/public/uploads/photos/1767082/union_jack_tiny.jpg?1317048033") no-repeat scroll top center transparent; } #menu-item-13 a { text-indent: -9999px; width: 80px; } #page #access li#menu-item-13:hover > a { background: none; }
- The topic ‘Forever navigation bar ss’ is closed to new replies.
WordPress.com Forums 