• Resolved kondef

    (@kondef)


    Hello all!

    I’m new to the forums. I hope it’s OK that I’m consolidating a few small bugs in to one thread but I didn’t want to litter the forum with simple questions.

    I’m customizing a wordpress theme based from the Adobe Developer Connection Theme Theme (https://www.adobe.com/devnet/).

    Here is the page in question: https://salmeland.com/blog/

    First issues is that I can’t seem to get rid of the headline underlines on my posts. I’ve tried both doing border-bottom: 0px and “none”, yet the underlines persist. Here’s a snippet of the code, I can attach the whole stylesheet at the end.

    .posttitle a { color:#FFFFFF; border-bottom: 0px }
    .title a:hover {text-decoration:none;

    The second issue, which I’m sure is common, is that I am getting those pesky image borders on linked images in Firefox. I did a quick google search and found this solution, but unfortunately it doesn’t seem to work for me.

    /* remove firefox link outline */
    a { outline: none; border-bottom: 0px;  }
    :-moz-any-link:focus { outline: none; }

    Lastly, I’m customizing the sidebar unit using widgets. I have one that is the text/HTML unit (where the image and mailing list are), and the second which is a “YD Recent Posts” widget.

    For some reason, I am getting this mysterious UL dots in the sidebar before each item. I can’t find any related code in the sidebar file nor the CSS file but maybe I’m not looking for the right thing? I’d like to get rid of these entirely if possible.

    Thanks so much for your time!

    Stylesheet code below

    /*
    Theme Name: Adobe Developer Connection Theme
    Theme URI: https://www.adobe.com/devnet/
    Description: WordPress theme created with Adobe Dreamweaver
    Version: 1.0
    Author: Codify Design Studio
    Author URI: https://www.codifydesign.com
    */
    
    body {
    	margin-left: 320px;
    	padding:0;
    	color: #FFFFFF;
    	font-size: 12px;
    	font-family: Arial;
    	font-family: Arial, Verdana, Univers;
    	/*background-color: #000000; */
    	width: 980px;
    	background: #000000 url('images/bg_salme_bio.jpg');
    	background-repeat: no-repeat
    }
    
    /* remove firefox link outline */
    a { outline: none; border-bottom: 0px;  }
    :-moz-any-link:focus { outline: none; }
    
    /*STYLING POST TITLES */
    
    .posttitle {
    font-family: Helvetica;
    color:#FFFFFF;
    font-size: 24px;
    font-weight: normal;
    border-bottom: 0px;
    padding-bottom: 5px;
    }
    
    .posttitle a { color:#FFFFFF; border-bottom: 0px }
    
    .posttitle a:hover { color:#6699CC; }
    
    h1 {
    	color: #25476C;
    	font-size: 24px;
    	font-weight: normal;
    	margin: 3px 0px 25px 0px;
    	border-bottom:  0px; 
    
    }
    h2 {
    	color: #6699cc;
    	font-size: 14px;
    	font-weight: normal;
    	margin: 0px 0px 15px 0px;
    	border-bottom:  0px; 
    
    }
    h3 {
    	color: #244669;
    	margin-top: 12px;
    	margin-bottom: 0px;
    }
    p {
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 12px;
    	margin-left: 0px;
    }
    a          {
    	color: #6699CC;
    	border-bottom:  0px;
    }
    a:visited  { color: FFFFFF;}
    a:hover    { color: #6699CC; }
    
    .container {
    	width: 980px;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /* LOGO CENTER */
    /*LOGO ALIGNMENT */
    .salmeLogo img {
    	margin-left: 120px;
    }
    
    /* BANNER AREA */
    .bannerArea {
    	width: 100%;height: 124px;
    	background-color: transparent;
    
    }
    
    .bannerArea .container {
    	height:124px;
    	/*background-image: url(images/banner_bkgd.jpg);
    	background-repeat: no-repeat;*/
    }
    
    .bannernav {
    	padding-top: 20px;
    	float: right;
    	color: #112c4c;
    	font-size: 10px;
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    }
    
    .bannernav a { color: #ffffff; text-decoration: none; }
    .bannernav a:visited { color: #ffffff; }
    .bannernav a:hover { color: #112c4c; text-decoration: none; }
    
    .toplogo {
    	padding-left: 30px;
    	padding-top: 5px;
    }
    
    /* TOP NAVIGATION AREA */
    .topnavigationArea {
    	width: 432px;
    	margin-left: 110px;
    	/*background-image: url(images/topnav_bkgd.jpg);
    	background-repeat:repeat-x; */
    	background-color: #333333;
    }
    
    .topnavigationgroup {
    	margin: 0px;
    	float: left;
    	/*padding-right: 40px; */
    }
    .topnavigationgroup ul {
    	margin: 0px;
    }
    
    .topnavigationitem {
    	max-width: 167px;
    	margin-left: 0px;
    	padding-left: 10px;
    	padding-top: 9px;
    	padding-right: 10px;
    	padding-bottom: 9px;
    	border-left-style: solid;
    	border-left-width: 1px;
    	border-right-style: none;
    	border-right-width: 1px;
    	color: white;
    	font-size: 14px;
    	font-weight: bold;
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    	float: left;
    }
    #header p {
    	margin: 0px;
    }
    .title { /*-- This is the title of your blog --*/
    	font: bold 31px/30px "Helvetica", Arial, sans-serif;
    	color: #fff;
    	float: left;
    	width: 600px;
    	padding-top: 15px;
    }
    .title a {
    	text-decoration:none;
    	color:#efefef;
    }
    .title a:hover {
    	text-decoration:none;
    	color:#6699CC;
    }
    .description { /*-- This is the line of text below your blog title --*/
    	font: 16px/20px"Helvetica", Arial, sans-serif;
    	color: #FFF;
    	float: left;
    	clear: left;
    	padding-top: 7px;
    }
    .topnav { /*-- This is the RSS links in the header --*/
    	float:right;
    	color: #000;
    	text-align:right;
    	font: bold normal 12px Arial, Helvetica, sans-serif;
    	padding-right: 7px;
    	padding-top: 10px;
    }
    
    .bannernav {
    	padding-top: 20px;
    	float: right;
    	color: #112c4c;
    	font-size: 10px;
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    }
    
    .bannernav a { color: #ffffff; text-decoration: none; }
    .bannernav a:visited { color: #ffffff; }
    .bannernav a:hover { color: #112c4c; text-decoration: none; }
    
    /* CONTENT AREA */
    .contentArea {
    	width: 980px;
    	background-color: transparent;
    	/*background-image: url(images/content_bkgd_tile.jpg);
    	background-repeat: repeat-x; */
    
    }
    
    .contentArea .container {
    	width: 980px;
    	padding-top: 0px;
    	padding-bottom: 30px;
    	/*background-image: url(images/content_bkgd.jpg);
    	background-repeat: no-repeat;*/
    }
    
    .contentleft {
    	width: 550px;
    	padding-left: 40px;
    	padding-right: 20px;
    	float: left;
    	border-right-style: solid;
    	border-right-width: 1px;
    	border-color:#333333
    }
    
    .contentright {
    	padding-top: 20px;
    	float: left;
    	padding-left: 30px;
    	width: 210px;
    }
    
    .imageright {
    
    	margin-left: 5px;
    	float: right;
    
    }
    
    #search {
    	margin: 0 0 1.4em 0;
    }
    
    #searchbutton {
    	margin-left:7px;
    }
    
    /* ROLLOVER SITE NAV */
    
    	  /* New menu code */
    
    	  /*
    	  *	Setup
    	  */
    	  ul.cssmenu {
    		  list-style: none;
    		  padding: 0px;
    		  }
    
    	  .displace {
    		  position: absolute;
    		  left: -5000px;
    		  }
    
    	  ul.cssmenu li {
    		  float: left;
    		  }
    
    	  ul.cssmenu li a {
    		  display: block;
    		  width: 72px;
    		  height: 35px;
    		  background: url('sprite.gif');
    		  }
    
    	  /*
    	  *	Normal Links
    	  */
    	  ul.cssmenu li.home a {
    		  background-position: 0 0;
    		  }
    
    	  ul.cssmenu li.news a {
    		  background-position: -72px 0;
    		  }
    
    	  ul.cssmenu li.events a {
    		  background-position: -144px 0;
    		  }
    
    	  ul.cssmenu li.bio a {
    		  background-position: -216px 0;
    		  }
    
    	  ul.cssmenu li.media a {
    		  background-position: -288px 0;
    		  }
    
    	  ul.cssmenu li.store a {
    		  background-position: -360px 0;
    		  }
    
    	  /*
    	  *	Hover Links
    	  */
    	  ul.cssmenu li.home a:hover {
    		  background-position: 0 -35px;
    		  }
    
    	  ul.cssmenu li.news a:hover {
    		  background-position: -72px -35px;
    		  }
    
    	  ul.cssmenu li.events a:hover {
    		  background-position: -144px -35px;
    		  }
    
    	  ul.cssmenu li.bio a:hover {
    		  background-position: -216px -35px;
    		  }
    
    	  ul.cssmenu li.media a:hover {
    		  background-position: -288px -35px;
    		  }
    
    	  ul.cssmenu li.store a:hover {
    		  background-position: -360px -35px;
    		  }
    
    	  /*
    	  *	Clicked Links
    	  */
    	  ul.cssmenu li.home a:active {
    		  background-position: 0 -70px;
    		  }
    
    	  ul.cssmenu li.news a:active {
    		  background-position: -72px -70px;
    		  }
    
    	  ul.cssmenu li.events a:active {
    		  background-position: -144px -70px;
    		  }
    
    	  ul.cssmenu li.bio a:active {
    		  background-position: -216px -70px;
    		  }
    
    	  ul.cssmenu li.media a:active {
    		  background-position: -288px -70px;
    		  }
    
    	  ul.cssmenu li.store a:active {
    		  background-position: -360px -70px;
    		  }
    
    	  /*
    	  *	Selected/Active Links
    	  */
    	  ul.cssmenu li.home a.selected {
    		  background-position: 0 -105px;
    		  }
    
    	  ul.cssmenu li.news a.selected {
    		  background-position: -72px -105px;
    		  }
    
    	  ul.cssmenu li.events a.selected {
    		  background-position: -144px -105px;
    		  }
    
    	  ul.cssmenu li.bio a.selected {
    		  background-position: -216px -105px;
    		  }
    
    	  ul.cssmenu li.media a.selected {
    		  background-position: -288px -105px;
    		  }
    
    	  ul.cssmenu li.store a.selected {
    		  background-position: -360px -105px;
    		  }
    
    /* FOOTER AREA */
    .footerArea {
    	width: 100%;
    	background-color: transparent;
    	border-top-style: solid;
    	border-top-color: #3f6997;
    	border-top-width: 4px;
    
    }
    
    .footerArea .container {
    	height: 77px;
    	/* background-image: url(images/footer_bkgd.jpg); */
    }
    
    .copyright {
    	padding-left: 40px;
    	padding-top: 12px;
    	color: #666666;
    	font-size: 12px;
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    	text-align:center;
    }
    
    .box {
      border-bottom: 1px solid #333333;
      padding-top: 15px;
      padding-bottom: 30px;
    
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • its not a border is is a text underline which is controlled by the text-decoration attribute in css

    .posttitle a {
    text-decoration: none;
    }

    this needs to target the img tag

    /* remove firefox link outline */
    a img{ border:none;  }

    dots

    .contentright li{list-style: none;}

    the ul on the sidebar is probably being pulled in from your sidebar saying you are using the ul list style for your sidebar.

    look here

    https://codex.www.ads-software.com/Function_Reference/register_sidebar

    you can change the stuff before the widget…

    hope this helps

    Thread Starter kondef

    (@kondef)

    Wow, that worked like a charm! Thanks so much for your quick response!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format issues: Text underline, image border & mysterious UL’ is closed to new replies.