Home › Forums › Mint Theme Discussion & Support › Tables have no borders
This topic contains 8 replies, has 2 voices, and was last updated by themeweaver 9 years ago.
-
AuthorPosts
-
April 12, 2012 at 3:09 pm #2965
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">
April 12, 2012 at 4:25 pm #2966Probably the styling applied in the theme, but if you have a url we can have a look and advise.
April 13, 2012 at 4:04 am #2967Sorry, 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!
April 13, 2012 at 4:07 am #2968Using 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.
April 13, 2012 at 8:26 am #2970tables 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;
}April 13, 2012 at 8:50 am #2972The 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}
April 13, 2012 at 9:10 am #2973Sorry, 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.
April 13, 2012 at 9:25 am #2974Great thanks! I had to add a class because some different widgets also had tables.
April 13, 2012 at 9:33 am #2975Yes, BuddyPress also uses tables in several places.
-
AuthorPosts
You must be logged in to reply to this topic.