Top menu CSS code
-
I have a CSS code I would like to use to change the appearance of my top menu. It can be see here: http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/
How do I go about inserting it into my CSS stylesheet? Where exactly do I paste it?
Are there any other adjustments I need to do?
The blog I need help with is: (visible only to logged in users)
-
CSS is theme specific. That means you have to rewrite that CSS to use the selectors in the theme you are using.
-
-
-
A wordpress technician tells me it is not so bad. He said that because the menu is already created, I only have to modify the appearance by entering the new code. He seems to think it is easy, but I am not a CSS expert or anything of the sort.
Can you tell me what code do I look for in order to substitute the current one for the one I showed above? What exactly do I have to substitute?
Appreciate it!
-
He may think it’s not to bad but there is no Staff support for the paid CSS upgrade. There are only 2 Volunteers here who provide “help with CSS”. Help does not extend to doing all the CSS work for you so that’s why these resources links are provided by Staff in support documentation. http://en.support.wordpress.com/custom-css/#css-help
-
Can you tell me what code do I look for in order to substitute the current one for the one I showed above?
Note that that CSS is theme specific at wordpress.COM, so you cannot use the CSS stylesheets from other themes with the themes here at wordpress.COM.
If you have CSS editing experience, you can get the paid custom CSS upgrade and renew it annually. It will allow you to stylize the appearance of themes you find here > Appearance > Themes, but it does not allow you to change the functionality, by editing the underlying template.
Since there is no official Staff support for the CSS upgrade, and precious little Volunteer support, I recommend that you don’t buy the upgrade unless you have at least moderate understanding of HTML and CSS because you must be prepared to do the work on your own.
If you are considering purchasing the upgrade, you can go to Appearance > Edit CSS. There wordpress has provided a preview function where you can try before you buy.
http://en.support.wordpress.com/custom-css/
http://en.support.wordpress.com/editing-css/If you do purchase the upgrade be sure to read this article before starting your editing > http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
-
I haven’t tried any of this, but this is my best guess.
The declarations under .solidblockmenu will go under #pagenav in your CSS.
.solidblockmenu li will go under .nav li, #header .menu li
The rest would have to be played with as the selectors are grouped a little differently than the ones in the CSS you want to use, and the grouped selectors will have to be separated out I expect.
-
-
-
@realagenda
The 404 “page not found” eror message on your front page is there because you deleted the Hello World post. It will disappear as soon as you publish a post. :)
reference link http://en.support.wordpress.com/not-found/ -
My site is set to display a splash page and not the latest post(s). When did you see the 404 error?
Thanks!
-
-
Try this code, if you haven’t got it working already. You’ll need to upload the images you want to use to your media library and copy in the new URLs:
#pagenav {width:100%;} #pagenav, #pagenav li {background:url("http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif") center center #000;} #pagenav li a {padding:10px 12px; vertical-align:middle; border-right:1px solid #fff;} body #pagenav li.current_page_item a, body #pagenav li.current-menu-item a, body #pagenav li a:hover {background:url("http://www.dynamicdrive.com/cssexamples/media/blockactive.gif") center center #f00; border-color:#fff;} -
-
- The topic ‘Top menu CSS code’ is closed to new replies.