Styling the first menu item differently

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

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

https://breitideasdecor.com/cms/

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

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;
	}

and the call:

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

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

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

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

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

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

Try adding:

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