I have started using wordpress yesterday and it's great. I really have so much to learn about PHP but the default php scripts are quite comprehensive for me but not everything. My objective is to create a custom nav button (MouseOver and MouseClick effect) but I can't seem to find where I should edit. I'm trying to change the default black and white Nav mouse hover effect of the twentyeleven theme. I tried looking at the style.css script but it does not show what I'm looking for.
hi here are some links which help you to start editing wordpress nav menu and style it
how it works :-
http://codex.wordpress.org/Function_Reference/wp_nav_menu
wp_nav_menu
function help to add menu in frontend you can find it in header.php
if you want to change class of div you need to go function.php
below are the link which will help you to achieve what you are looking for
http://kav.in/wordpress-dropdown-menu-wp-nav-menu-css/
http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
20+ plugins for better navigation ->
http://www.tripwiremagazine.com/2013/02/wordpress-menu-plugins.html
Related
Hey everyone I normally build sites in laravel but I have a client wanting a wordpress site and so I have been learning about wordpress and would like some guidance on how to add a menu that would appear when a user hovers over an image.
A perfect example can be found on the home page of starwell.cc where a clickable menu shows when you hover over an image. Is this possible in wordpress?
Any help is appreciated thank you!
This would be accomplished with CSS and HTML, with a bit of custom WordPress.
Are you building a theme from scratch, or are you customizing an existing one?
Have you looked for an answer within plugins?
It would take a closer look, but my guess is that it's achievable by custom coding it into the theme and then using CSS and HTML
I just started to work with drupal, I'm trying to create a drop down submenu from the main menu, however it doesn't show up. Not because I misconfigured something (I think).
Can anybody tell me why this is the case?
I'm using the Bootstrap theme, i also tried others.
I have checked "Show as expanded" for parent menu item in main menu also.
Thanks,
Hi This can be done using nice menu irrespective of the theme used.
The nice menu module by default creates some blocks in Drupal. You just have to edit the block called nice menu 1 & configure it & display in a specific region of the theme.
I didn't use Bootstrap, and is very hard give you an answer without see what you have in your site, but maybe Nice Menus can be your solution.
I'm new to building websites.
I'm currently using Headway drag and drop Wordpress builder.
I've added Testimonial Widget by Aihrus plugin for testimonials, and I've added it to a widget box.
Problem is that I want to add custom CSS to it that I've seen on this site that is built for it, but the Headway theme doesn't allow you to go in and edit the theme. I've tried adding it to the block inside of the theme but it didn't work. I ended up going into the plugin and adding it to the CSS of the plugin, and it now half works.
Could someone please tell me what I'm doing wrong?
My site is rainorshinedogwalking.com
You can edit your live CSS here:
http://docs.headwaythemes.com/customer/portal/articles/1067360-editing-css-directly
What you type gets minified and added to your site's dynamic CSS file on page load.
All you have to is go through design editor click on the element you want to edit then right click. A pop up box should come up and it say edit element choose that then you will see something like that click it and add our own css
I ve asked support on yithemes for the theme BAZAR (i bought it on themeforest) but i couldnt manage to insert a house icon instead of "home" in the menu.
Support told me its impossible, nothing is impossible dont you think?
you can check the demo theme on this link
http://demo.yithemes.com/bazar/shop/ankle-shoes/
Hoep someone will help!
Ive tried css on the menu editor and in css itself but nothing seems to work.
Cheers
http://www.wpexplorer.com/adding-images-wordpress-menu/
Here is a tutorial on just that.
You will need some CSS and if you don't want to see the text you could try
color:transparent;
or
color:rgba(0,0,0,0);
You can add the css in your themes "custom" CSS area or if that isn't available go to Appearance>Editor and edit style.css . I don't recommend the latter as theme changes/updates will remove any of your custom code.
And in wordpress, many things are "impossible" just not that one.
I am using Bota theme with Wordpress and am trying to add custom image links to the top bar but cannot seem to figure it out.
I do not even know which code to show you as I cannot find where to implement the code.
If you could even point me in a direction it would be great. Thanks
You have to edit theme's style.css from the admin panel (Appearance -> Editor and find the style.css file to edit it). Find the selector for the navigation item. It should be this one if I am looking at the same theme: .main-navigation li and set a background-image for it. This should solve it.
PS: Before editing the file make sure you make a local copy of the css file so you can have backup of it.