How to put a line under the boxes

[lounge 0]

Hello, I would like to put a line under the boxes. In this topic I've requested the way to do this, but this is the result if I put this code to the theme.css: How am I able to do this in 1.3.1? And how am I able to make the size of the font bigger in the main menu? Regards

[cmunns 16]

Can you rehash what CSS you ended up using...this selector `#boxes .content-pad` should have been correct for borders. Font size you can use this selector: `ul.sf-menu li a` have you tried using a browser inspector?

[lounge 0]

Yes, but I would like to put a single line under the boxes, if I put the following code in the custom css, I'll keep the same lines as you can see on the screenshot above: #boxes .content-pad{border-bottom:2px solid #404040;} Thanks.

[catrina 103]

To clarify: do you want one single line for each box or do you want the single line's style to be changed? (i.e. - the border thickness changed)

[lounge 0]

Oops, I didn't understand the reply of cmunns. I would like to put one solid line under all boxes. Under all boxes, as long as the width of my page.

[cmunns 16]

Martijn, Did you try the selector again that I pointed above that should work? What are you using for CSS at this point and where are you adding it?

[lounge 0]

I am using the following custom css:

	#boxes .content-pad{border-bottom:2px solid #404040;}
	
	ul.main-nav {
	    font-size: 13px;
	    }
	
	body{ font-size: 82%; line-height:1.6em; height:100%; padding-top: 5px; }
		#page, #dynamic-content { min-height: 500px; zoom:1;}
		#page-canvas{ margin: 0 auto; }
	
	.hentry ul, .hentry ol { margin-left:0px; }
	
	.one-sidebar-right #column-main .mcolumn-pad {
	margin:0 0 0 0;
	}
	
	.icons .twitterlink {background-position: -22px -22px;}
	.icons .youtubelink {background-position: -44px -22px;}
	.icons .linkedinlink {background-position: -66px -22px;}
	.icons .facebooklink {background-position: -88px -22px;}
	.icons .rsslink {background-position: 0px -22px;}
	
		.font-primary, body, .commentlist{
			font-family: 'Droid Sans',"Lucida Grande","Helvetica",sans-serif;
		}
	
		.font-highlight, h1, h2, h3, h4, h5, h6{
			font-family: 'Droid Sans',"Lucida Grande","Helvetica",sans-serif;
		}
	
		.font-sub, #primary-nav li a, .metabar, .subtext, .subhead, .widget-title, .post-comments, .reply a, .editpage, .site-description , #pagination .wp-pagenavi, .fcontent .flink,.post-edit-link, #wp-calendar caption, #wp-calendar thead th, #callout .callout_copy, #breadcrumb, .ticker-wrap, h5.sidebartitle, #highlight .highlight-subhead, .soapbox-links a, .fancybox, .standard-form .admin-links {
			font-family: 'Droid Sans',"Lucida Grande","Helvetica",sans-serif;
	
		}
	
	.icons .twitterlink:hover {background-position: -22px 0;}
	.icons .youtubelink:hover {background-position: -44px 0;}
	.icons .linkedinlink:hover {background-position: -66px 0;}
	.icons .facebooklink:hover {background-position: -88px 0;}
	.icons .rsslink:hover {background-position: 0px 0px;}
	
	.home .hentry{border-bottom:none;}
	.pagelines{display:none} 

I've added this in the custom css settings in Pagelines.

[cmunns 16]

It doesn't look like your custom css is getting picked up. Try activating the Base theme if you haven't already and adding to the base.css file directly.

[lounge 0]

I activated the child theme, and this problem has been solved. Thanks for the support!