CSS changes not showing - help appreciated

HTML & CSS
1

I am wanting to increase the text size on a webpage,

So I have added: font-size: 14px; to several lines in my Style.css

Yet no change in size has happened, and when I do an “inspect element” the added code does not show,

page url: food-trucks-for-sale.com/7-amazing-commercial-kitchen-on-wheels/details.html

The words I am wanting to increase are Make Model etc, and the Description: This 1999 Freightliner …

All help appreciated.

482 #details { font-size: 14px; width: 400px;}
483 #details div { border-bottom: 1px dashed #e9eaeb; padding: 7px 0 7px 0; font-size: 14px; color: #444; display: table; width: 100%; }
484 #details span { color: #297194; display: block; float: left; font-size: 14px; width: 150px; }
485 #description { font-size:14px; line-height: 170%; text-align: justify; }

492 #details_left p { font-size: 14px; line-height: 170%; margin-top: 10px; text-align: justify; }

2

I think your selectors are off, i.e. this doesn’t look like “Make Model etc, and the Description: This 1999 Freightliner” to me.
Is this what you mean?

<div id="details">

<div>
		<span>Make:</span>&nbsp;&nbsp;
	
		
	
	Freightliner
	</div>

<div>
	<span>Model:</span>&nbsp;&nbsp;
	Diesel
	
	
	
 	
			</div>
<div>
		<span>Country:</span>&nbsp;&nbsp;
	
		
	
	United States
	</div>

<div>
	<span>Region:</span>&nbsp;&nbsp;
	Georgia
	
	
	
 	
			</div>
<div>
		<span>City:</span>&nbsp;&nbsp;
	
		
		Athens
			</div>
<div>
		<span>Zip:</span>&nbsp;&nbsp;
	
		
		30605
			</div>
<div>
		<span>Body Style:</span>&nbsp;&nbsp;
	
		
		Truck
			</div>
<div>
		<span>Year:</span>&nbsp;&nbsp;
	
		
		1999
			</div>
<div>
		<span>Mileage:</span>&nbsp;&nbsp;
	
		
		245,000.00

		Km	</div>
<div>
		<span>Transmission:</span>&nbsp;&nbsp;
	
		
		Automatic
			</div>
<div>
		<span>Fuel:</span>&nbsp;&nbsp;
	
		
		Diesel
			</div>
<div>
		<span>Doors:</span>&nbsp;&nbsp;
	
		
		2.00

			</div>
<div>
		<span>Color:</span>&nbsp;&nbsp;
	
		
		Red
			</div>
<div>
		<span>Condition:</span>&nbsp;&nbsp;
	
		
		Used
			</div>
</div>

The “Make:” span has these computed styles

display: block;
floatleftfont-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
font-size: 14px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-alignleftwidth: 150px;
3

Hello Mittineague,

Thank you for your time, and quick reply,

I have solved the problem, I think it was the cache, I increase the px to 18 and it displayed perfectly,

Cleared the cache, decreased px to 14 and all is displaying well,

Thank you :slight_smile:

4