Home Forums Mint Theme Discussion & Support Tables have no borders

This topic is: resolved

This topic contains 8 replies, has 2 voices, and was last updated by  themeweaver 4 years, 5 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2965

    yoyaoh
    Member
    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">
    #2966

    themeweaver
    Keymaster
    Post count: 730

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

    #2967

    yoyaoh
    Member
    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!

    #2968

    yoyaoh
    Member
    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

    #2970

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

    #2972

    yoyaoh
    Member
    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}

    #2973

    themeweaver
    Keymaster
    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.

    #2974

    yoyaoh
    Member
    Post count: 20

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

    #2975

    themeweaver
    Keymaster
    Post count: 730

    Yes, BuddyPress also uses tables in several places.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.