1 Replies - 9131 Views - Last Post: 13 August 2011 - 01:16 AM

#1 nightwalker44  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 31
  • Joined: 12-April 09

Wordpress Widget

Posted 21 June 2011 - 06:48 AM

I've googled different ways to obtain Different Background Images for Each Sidebar Heading in my widget area.(I don't have the thesis theme) and none of them seem to work.

the website is http://www.47stphoto.com
Ive tried to call the class with the ID of the widget, but that wasn't being successful.
how can i add this adjustment.

What i want to change in particular are the headers for Twitter and Facebook.
the FB widget HTML:
<li id="text-6" class="widget-container widget_text">
<h3 class="widget-title">
<div class="wedget_heading">Facebook</div>
</h3>
<div class="textwidget">
<iframe scrolling="yes" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 190px; height: 555px;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F47st-Photo%2F131734491972&width=190&colorscheme=light&show_faces=true&border_color&stream=true&header=false&height=555">
<html id="facebook" class="" lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>
</iframe>
</div>
</li>


HTML for Twitter:
<li id="tweetable" class="widget-container tweetable_write_widget">
<h3 class="widget-title">
<div class="wedget_heading">Twitter</div>
</h3>




Here is my blog portion of CSS:
.middle_div {
    border-top: 1px solid #B8B8B8;
    float: left;
    margin: 20px 0 0;
    padding: 0px 0;
    width: 965px;
}
.content_inner_pages
{
	float:left;
	width:695px;
	}
.post_div
{
	width:685px;
	float:left;
	padding: 5px 10px 0px 15px;
	margin:10px 0px 10px 0px;
	
}
/*.post_div ul {
	margin:0px;
	padding:0px;
}
.post_div ul li {
    background: url("images/li_img.jpg") no-repeat scroll left 8px transparent;
    display: list-item;
    float: left;
    line-height: 25px;
    list-style: none outside none;
    margin: 0 0 0 30px;
    padding: 0 0 0 15px;
    width: 100%;
}*/
.post_div a:hover
{
	color: #d51068;
	text-decoration:underline;
	
}
.post_heading
{
	color: #d51068;
	font-size: 20px;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	
}
.post_heading a
{
	color: #d51068;
	text-decoration:none;
	
}
.category_date
{
	color: #000;
	float:left;
	width:625px;
	font-size: 10px;
	text-align:left;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
}
.comment_div
{
	color: #000;
	font-size: 13px;
	text-align:left;
	float:right;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.post_content p
{
	display:inline;
	float:left;
	color: #000;
	line-height:20px;
	font-size: 14px;
	text-align:justify;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif
}
.sidebar
{
	float:right;
	width:200px;
	margin:20px 10px 0px 0px;
}

.search input 
{
	float:left;
	width:290px;
	margin:0px 0px 0px 1px;
	background:url(images/input_bg.jpg) left top repeat-x; 
	height:26px;
	line-height:28px;
	border:2px solid #B8B8B8;
	font-size:14px;
	background-color:#fff;
	text-transform:uppercase;
	color:#adb8b9;
	font-family:Verdana, Geneva, sans-serif;
}

.wedgets_div
{
	float:right;
	width:195px;
	margin:-21px -10px 5px 2px;
	background-color:#EEEDED;
	border:2px solid #B8B8B8;
	padding:0px 5px 0px 5px;
}
.wedgets_div a:hover
{
	color: #d51068;
	text-decoration:underline;
	
}
.wedget
{
   	float:left;
	width:190px;
	margin:4px 0px 4px 0px;
	padding:1px 0px 1px 0px;

}
.wedget_heading
{
	float:left;
	width:195px;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	background:url(images/box_bg.png) center top no-repeat; 
	height:40px;
	font-size:17px;
	text-transform:capitalize;
	line-height:30px;
	color:#ffffff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
}

.wedget ul 
{
	float:left;
	margin:13px 0px 13px 0px;
	padding:0px;
	
	
}
.wedget li 
{
	list-style:none;
	
	
}
.wedget ul li
{
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	text-align:left;
	width:195px;
	line-height:21px;
	margin:0px 0px 0px 0px;
	text-transform:capitalize; 
}
.wedget ul li a
{
	color: #000;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	line-height:19px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
.form-allowed-tags
{
	display:none;
}


This post has been edited by nightwalker44: 21 June 2011 - 06:49 AM


Is This A Good Question/Topic? 0
  • +

Replies To: Wordpress Widget

#2 TweeTmyFreaK  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 16
  • Joined: 13-August 11

Re: Wordpress Widget

Posted 13 August 2011 - 01:16 AM

Why dont you insert them manually in the header.php?

<Removed spam links>

This post has been edited by macosxnerd101: 13 August 2011 - 05:44 PM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1