WordPress.org

Forums

[resolved] [Plugin: Link Library] Change table width (5 posts)

  1. Ruriko
    Member
    Posted 5 years ago #

    My links table is too wide and I want to decrease the width but I don't know where. I have tried changing the width in the css class table.linklisttable but it didn't work.

    You can see the demo here http://www.fabulousanime.com

    http://wordpress.org/extend/plugins/link-library/

  2. Yannick Lefebvre
    Member
    Posted 5 years ago #

    I looked at your page and don't see how the table steps on other neighborhing tables. Could you send me the exact code snippet that you tried using to set the width?

  3. Ruriko
    Member
    Posted 5 years ago #

    Look at this page http://www.fabulousanime.com/?page_id=3&page=2
    What I'm trying to set it's stepping over my sidebar
    Here's the css

    .linktable {margin-top: 15px}
    
    table.linklisttable {
    
    	width:90%; 
    
    	border-width: 0px 0px 0px 0px;
    
    	border-spacing: 5px;
    
    	/* border-style: outset outset outset outset;
    
    	border-color: gray gray gray gray; */
    
    	border-collapse: separate;
    
    }
    
    table.linklisttable th {
    
    	border-width: 1px 1px 1px 1px;
    
    	padding: 3px 3px 3px 3px;
    
    	background-color: #4394AB;
    
    	color: #FFFFFF;
    
    	/* border-style: none none none none;
    
    	border-color: gray gray gray gray;
    
    	-moz-border-radius: 3px 3px 3px 3px; */
    
    }
    
    table.linklisttable td {
    
    	border-width: 1px 1px 1px 1px;
    
    	padding: 3px 3px 3px 3px;
    
    	/* border-style: dotted dotted dotted dotted;
    
    	border-color: gray gray gray gray;
    
    	-moz-border-radius: 3px 3px 3px 3px; */
    
    }
    
    .linklistcatname{
    
    	font-family: arial;
    
    	font-size: 16px;
    
    	font-weight: bold;
    
    	border: 0;
    
    	color: #000000;
    
    	padding-bottom: 10px;
    
    	padding-top: 10px;
    
    }
    
    .linklistcatnamedesc{
    
    	font-family: arial;
    
    	font-size: 12px;
    
    	font-weight: normal;
    
    	border: 0;
    
    	color: #000000;
    
    	padding-bottom: 10px;
    
    	padding-top: 10px;
    
    }
    
    .linklistcolumnheader{
    
    	font-weight: bold;	
    
    }
    
    div.rsscontent{color: #333333; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;font-size: 11px;line-height: 1.25em;
    
    vertical-align: baseline;letter-spacing: normal;word-spacing: normal;font-weight: normal;font-style: normal;font-variant: normal;text-transform: none;
    
    text-decoration: none;text-align: left;text-indent: 0px;max-width:500px;}
    
    #ll_rss_results { border-style:solid;border-width:1px;margin-left:10px;margin-top:10px;padding-top:3px;background-color:#f4f5f3;}
    
    .rsstitle{font-weight:400;font-size:0.8em;color:#33352C;font-family:Georgia,"Times New Roman",Times,serif;}
    
    .rsstitle a{color:#33352C}
    
    #ll_rss_results img {
    
        max-width: 400px; /* Adjust this value according to your content area size*/
    
        height: auto;
    
    }
    
    .rsselements {float: right;}
    
    .highlight_word {background-color: #FFFF00}
    
    .previouspage {float:left;margin-top:10px;font-weight:bold}
    
    .nextpage {float: right;margin-top:10px;font-weight:bold}
    
    .resulttitle {padding-top:10px;}
    
    #llsearch {padding-top:10px;}
    
    .lladdlink #lladdlinktitle {
    
    	font-weight: bold;
    
    }
    
    .lladdlink table {
    
    	margin-top: 5px;
    
    	margin-bottom: 8px;
    
    	border: 0;
    
    	border-spacing: 0;
    
    	border-collapse: collapse;
    
    }
    
    .lladdlink table td {
    
    	border: 0;
    
    	height: 30px;
    
    }
    
    .lladdlink table th {
    
    	border: 0;
    
    	text-align: left;
    
    	font-weight: normal;
    
    	width: 400px;
    
    }
    
    .lladdlink input[type="text"] {
    
    	width: 300px;
    
    }
    
    .lladdlink select {
    
    	width: 300px;
    
    }
    
    .llmessage {
    
    	margin: 8px;
    
    	border: 1px solid #ddd;
    
    	background-color: #ff0;
    
    }
    
    .pageselector {
    
    	margin-top: 20px;
    
    	text-align: center;
    
    }
    
    .selectedpage {
    
    	margin: 0px 4px 0px 4px;
    
    	border: 1px solid #000;
    
    	padding: 7px;
    
    	background-color: #4394AB;
    
    }
    
    .unselectedpage {
    
    	margin: 0px 4px 0px 4px;
    
    	border: 1px solid #000;
    
    	padding: 7px;
    
    	background-color: #4394AB;
    
    }
    
    .previousnextactive {
    
    	margin: 0px 4px 0px 4px;
    
    	border: 1px solid #000;
    
    	padding: 7px;
    
    	background-color: #4394AB;
    
    }
    
    .previousnextinactive {
    
    	margin: 0px 4px 0px 4px;
    
    	border: 1px solid #000;
    
    	padding: 7px;
    
    	background-color: #4394AB;
    
    	color: #FFFFFF;
    
    }
  4. Ruriko
    Member
    Posted 5 years ago #

    Ok it's now on page 3 but it'll probably go down further so I screenshot it http://i46.tinypic.com/2remc1k.jpg it seems like if the link has a long name the table overlaps the sidebar

  5. Yannick Lefebvre
    Member
    Posted 5 years ago #

    I don't think that you will be able to correct this issue with the stylesheet. The main issue is that the browser is not able to cut the long names that don't contain any spaces into smaller parts. Have you just simply thought about adding some spaces in the link name?

Topic Closed

This topic has been closed to new replies.

About this Topic