Yakezie.com - Topic: Code snippet for yoooooou https://yakezie.com/forums/bloggers-lair/code-snippet-for-yoooooou/ Simple:Press Version 4.5.1 Jenny @ FrugalGuruGuide on Code snippet for yoooooou https://yakezie.com/forums/bloggers-lair/code-snippet-for-yoooooou/#p95072 Bloggers Lair https://yakezie.com/forums/bloggers-lair/code-snippet-for-yoooooou/#p95072 Oh, BTW, the <b> wasn't necessary at all.  Ooops.

]]> Thu, 01 Aug 2013 08:15:08 +0000 Jenny @ FrugalGuruGuide on Code snippet for yoooooou https://yakezie.com/forums/bloggers-lair/code-snippet-for-yoooooou/#p95071 Bloggers Lair https://yakezie.com/forums/bloggers-lair/code-snippet-for-yoooooou/#p95071 I want to have my main menu's items' individual widths constrained.  You can't do that with using CSS styling on the li's directly because they're inline-level elements (hear me scream), so I figured out how to wrap each link element with a div.  Using CSS, you can then set the divs to inline-block and give the widths.  Here's the snippet that grabs all the links inside an li that are dynamically generated by wordpress and wraps them in divs that plays nicely with WP.

 

jQuery.noConflict();
function wrapLists(){
jQuery('li a').wrap('<b><div class="list-item"></div></b>');
}
window.onload=wrapLists;
 
:)
]]> Thu, 01 Aug 2013 08:14:05 +0000