Tables have no borders

[yoyaohMember Post count: 20]

On my old Pages, I have tables with borders, but with the Mint theme, the borders don’t show.

I’m using simple code like below, but can’t figure out why it’s not whos.

<table width="100%" border="10">

[themeweaverKeymaster Post count: 730]

Probably the styling applied in the theme, but if you have a url we can have a look and advise.

[yoyaohMember Post count: 20]

Sorry, don’t have a live url as it’s all done locally through Mamp. What I can do is give you all the styling code and a screenshot.

This is my customized style.css in my Child Theme:

/*
Theme Name:     LivingOS Mint Child
Theme URI:      http: //themeloom.com/
Description:    A Child Theme for LivingOS Mint
Author:         mashup
Author URI:     http: //themeloom.com/
Template:       LivingOS_Mint
Version:        1.0
Tags:	buddypress
*/

/* import parent styles */
@import url("../LivingOS_Mint/style.css");
@import url("../LivingOS_Mint/extend/buddypress.css");
@import url("../LivingOS_Mint/extend/layout.css");
@import url("../LivingOS_Mint/base/css/reset.css");

/* Changing colors of Favorite and Delete buttons in Activity feed */

.activity-meta  .button.fav, .activity-meta  .button.fav:visited{background-color: #e62727;}
.activity-meta  .button.fav:hover{background-color: #cf2525;}

.activity-meta  .button.delete-activity, .activity-meta  .button.delete-activity:visited{background-color: #91bd09;} 
.activity-meta  .button.delete-activity:hover{background-color: #749a02;} 

/* MENUS */
	.nav-menu{color:#666;}
	/* drop down superfsih menu skin */
	.nav-menu a, .page-menu a{font-size:1.5em;font-weight:normal;text-transform:normal;}
	.nav-menu a, .nav-menu a:visited  { 
		color:#666;
	}
	
	.nav-menu ul{
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);

		margin-top:1em;
		background:		#f7f7f7;
		border: 1px solid #e7e7e7;
		border-top: 2px solid #ccc;
		padding-bottom:1em;
		}

/* page menu and search box */
		
	#dropdown-menu{
		float:right;
		margin:0; 
		margin-right:8%;
		margin-top:2em;
		margin-bottom:2em;
	}
	#dropdown-menu ul{float:right}		
		

Screenshot: http://shareimage.org/images/47k7kre6jmwkpfc4tcyd.png

Hope this is helpful!

[yoyaohMember Post count: 20]

Using the same CSS code, I also have an issue where the the h5 tag doesn’t make the font smaller in the “Show Posts” Widget. The font is the same as if I select h2.

http://shareimage.org/images/41lxnk2n7noln4uqfhba.png

[themeweaverKeymaster Post count: 730]

tables issue:

You need to style the table in css:

table{border:10px}

If you need to style only some tables this way, add a class to your tables

table.mytables{border:10px;}

h5 issue:

This is because the theme styles it using .widget-container .entry-title{}.So to customise this :

.widget-container .entry-title{
font-size:1em;
}

[yoyaohMember Post count: 20]

The Widget styling works great! Thanks!

Unfortunately the table border styling doesn’t work. I tried putting it into the Child theme style.css as well as hard-coding it in reset.css just to check.

table{border:10px}

[themeweaverKeymaster Post count: 730]

Sorry, actually you will need to style the border:

border: 10px solid #888;

The reset style sheet resets borders to zero, as many CSS frameworks do.

[yoyaohMember Post count: 20]

Great thanks! I had to add a class because some different widgets also had tables.

[themeweaverKeymaster Post count: 730]

Yes, BuddyPress also uses tables in several places.

[Author]

Posts