New Topic/Question
Reply
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
MultiQuote
| 