WordPress.org

1. bighousedesign
   Member
   Posted 8 months ago #

   Anyone know how to styling the first menu item differently?

2. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

3. bighousedesign
   Member
   Posted 8 months ago #

   sorry - here is the url,
   Just trying to get the first title (About Us & Services) to not have a border applied to it.

   http://breitideasdecor.com/cms/

4. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   Try removing the border(s) using the first-child pseudo class.

5. bighousedesign
   Member
   Posted 8 months ago #

   I tried that, here is my CSS:
   

   ul#menu li.first {
   	display:inline;
   	padding-left: 10px;
   	margin-left:12px;
   	margin-right:5px;
   	border-left: 0px solid #ffff00;
   	}

6. bighousedesign
   Member
   Posted 8 months ago #

   and the call:

   <ul id="menu">
     <?php wp_list_pages('title_li='); ?>

   [Please post code snippets between backticks or use the code button.]

7. bighousedesign
   Member
   Posted 8 months ago #

   it's clipping the ending , but it's there

8. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   You need to use first-child not .first. See the link I gave above.

9. bighousedesign
   Member
   Posted 8 months ago #

   ul#menu li.first {
   	display:inline;
   	padding-left: 10px;
   	margin-left:12px;
   	margin-right:5px;
   	border-left: 0px solid #ffff00;
   	}

10. bighousedesign
    Member
    Posted 8 months ago #

    ul#menu li.first-child {
    	display:inline;
    	padding-left: 10px;
    	margin-left:12px;
    	margin-right:5px;
    	border-left: 0px solid #ffff00;
    	}

    still not working, do I need to update anything in the header.php

11. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Try adding:

    ul#menu li.first-child {border-left:none;}

Reply

You must log in to post.