Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Styling individual widgets information needed ;)


 
Prev Previous Post   Next Post Next
  #1  
Old May 13, 2011, 10:26 PM
pranzyt
 
21 posts · Jun 2010
[SOLVED] Styling individual widgets information needed ;)

Hey there,

I searched throughout the forum about the information for what I wanted to achieve but the threads where limited and not enough information. So, I finally decided to post a thread with the hope that some talented member out there will guide me through.

ok here is a little background. I use Alpha categories plugin to show categories in separate widgets. And now I want to style each individual category widgets. I've been able to style widget background, widget title box and widget title with the codes below.

widget container
Quote:
div#alpha_categories-3 {
background: url('http://img98.imageshack.us/img98/6163/pricebg.gif') no-repeat;
height: 217px;
}
widget title box
Quote:
div#alpha_categories-3 div.widget-title {
background: url('http://img853.imageshack.us/img853/4889/pricele.gif') no-repeat;
height: 44px;
}
widget title text
Quote:
div#alpha_categories-3 div.widget-title h3 {
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
letter-spacing: -0.5px;
padding: 20px 0 0 16px;
}
Now I'm stuck wanting to style the widget content box and links. I tried using the code below;

div#alpha_categories-3 div.widget ul li {
background: background: url('http://img853.imageshack.us/img853/4889/pricele.gif') no-repeat;
height: 30px;
}

div#alpha_categories-3 div.widget ul li:hover {
background: background: url('http://img853.imageshack.us/img853/4889/pricele.gif') no-repeat;
color: #000000 !important;
}

However, the codes seems to be not working or I'm missing something here. Please guide me the correct way of achieving following things. (I know the universal styling for these but I want to make change in only the particular widgets not in all widgets)

1. widget list link color
2. widget list background image
3. widget list height equal to background image
4. widget list link hover color
5. widget list link hover background.

I've attached the image in here too.

Hoping for the positive response.

Thanking you,
Ranzyt Paul
Attached Thumbnails
Click image for larger version

Name:	widget-sample.gif
Views:	591
Size:	16.6 KB
ID:	1357  
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Styling individual menu item eonelson Page & Category Menu Bars 6 Apr 1, 2011 03:04 PM
custom shortcodes css styling help needed kirks Atahualpa 3 Wordpress theme 1 Mar 13, 2011 10:06 PM
[SOLVED] Align individual widgets in a sidebar mvheun Sidebars & Widgets 2 Dec 22, 2010 07:11 AM
Change background color of individual widgets Photokitchen Sidebars & Widgets 4 May 9, 2009 05:55 AM


All times are GMT -6. The time now is 11:55 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.