I would ask you for help because I could not find solve of this problem too long time.
Is some simple possible way hot to replace text in wordpress menu by some icon just with css? I need insert picture in main menu of http://www.monetaria.cz . I tried to use class in specification of menu items and for erase text I used text-indent bud it did this problem
https://picasaweb.google.com/lh/photo/idGdXrE_x3LLDWvJQ-doyKHTNTSbdw6n6xqWnRyE6B8?feat=directlink
Thank you very much,
John
you can add HTML straight into a menu item and WP will render it properly, so if you add something like this
<img src="source.jpg" />
into the Label field of a Custom Link and enter whatever link you want the menu item to go to into the URL field, then WP will render the <img> tag as an image and also wrap it in a link to your specified URL
Related
I am a CSS noob and I created a carousel using jCarousel. It works like it should as a page and with tabbed menus. The problem is the theme adds CSS to it when I go to /admin/config/system/site-information and make the view the default front page. It adds list bullets over each carousel item and changes the displayed item location.
I want to remove these bullets from the view but not the entire site. The development site can be seen at http://delphos.lib.oh.us/NewSite/
If you click on one of the "tabs" (red boxed buttons) the display problem goes away.
Any help would be appreciated.
TBG
Try looking for this line:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {}
You can remove the whole line, or just remove the content attribute. Either should work.
I want to display image and link in sub menu, i tried menu icon module, but i can not able to display both image and link.
can any one know which module support both?
i found one drupal website which uses the same, sweetdigital.co
I have done this before by overriding theme_menu_link to add a wrapper and a unique id, then just used css to add the image using the unique id as the selector.
In my WordPress menu I want different images for different menus with text as well. Here is the image reference. I want my menu should be like this.I am using WordPress 3.4.2. Any help and suggestions are highly appreciable.
Update
The screen options image
Here are two ways on how you could add custom classes to your menu items, so that you could style them with CSS.
When on the Appearance > Menus page in Wordpress admin panel, click on Screen
Options at the top-right of the page. A slide-out menu appears and
allows you to check an option labeled CSS Classes. If you enable
this option, you will be able to add a custom class to each menu
item, the same way as you add its title.
You can customize the Walker class to add an incremental class name
to each (top-level) element. To see how the Walker class works,
please take a look at the following article:
http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/
Use image sprites
Use a different class for each of your <li> item
Position your images as background for that classes.
I made a DIV within the header of my WordPress theme. Within this DIV there are two headers with some text in it (title and description of a current offer) I want the client to be able to edit this the text within this DIV region. I can't find an easy way to just make some text within a DIV editable.
Is there an easy way? making a new page template isn't an easy way I think, because the DIV is within the html code of my header, it's not a custom post within WordPress.
If you know your way around WordPress you could create a new sidebar widget and inject that sidebar into your header.
The client could edit the text in the Widget area of the admin.
You could use JQuery. When you click the div, replace the div, with an textarea.
I have a big one page wordpress site and a menu created from wordpress admin pages panel. I added everywhere in my main page such links like <A NAME="gohere"> and similar. Now I need to add href's to the page menu name's like <a href="#gohere"> Actually I do not know is it possible to do this from the wordpress admin page's menu or maybe anybody know where these pages are stored so that I could add the links manually in the file's. Thanks!
Tried plugin "Page Links to" and added something like <A NAME="gohere"> as a link in where, but unfortunately plugin do not understand this,
Regards,
You shouldn't use the name attribute of the a element. Instead, assign ID values to the elements of your page, for instance:
Link to foo
<div id="foo">
<!-- Your foo content goes here -->
</div>
For your question: You can manually add links to your WordPress menu, entering custom values as the href attribute. To add a link, enter #foo in the URL field of the custom link in the menu admin section.
Are you using the WordPress's built in menu manager? (Appearance -> Menus)
If so, then yes it should be fairly simple.
First you need to mark the areas within the page you want to link to - setting an ID to the element is enough. So if you want the browser to scroll to the top of the latest posts when a link is clicked, for example, you need to add an ID to the tag that contains the latest posts. Then give it a unique name (this is important). So something like id="latest_posts_area" should do it. Be warned though, you may need to edit the template files to do this, so ensure you have taken a backup of your theme just in case you make any mistakes.
So, if you have:
<div class="latest_posts">
You would edit it to be:
<div class="latest_posts" id="latest_posts_area">
Then, in the admin menu, when adding/editing a link, you simply set the URl as #latest_posts_area - then on every page that link is visible, clicking it will scroll the users browser to the to the top of the tag you added the ID to.