Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Styling an RSS Widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 23, 2010, 05:41 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
Styling an RSS Widget

I've been trying to solve this for hours. I have an RSS widget on my front page. I want to style every other line. There are so many classes and divs that lead up to the data:
Code:
<div id="front_page_widget_area" class="bfa_widget_area">
	<div id="rss-4" class="widget widget_rss">
	<div class="widget-title"><h3>
	 <a class='rsswidget' href='http://gruvr.com?city=greenville-nc-27834' title='7 performances within about 19 miles of Greenville Nc 27834 in the next 44 days , top  listed first'>Live Music in the Greenville, NC Area!</a>
</h3></div>
<ul><li>
<a class='rsswidget' href='http://gruvr.com/band/parmalee/Dec-31-10' title='Parmalee Greenville : ***All Shows Postponed Until Further Notice*** on 2010-12-31 [&hellip;]'>Fri Dec 31st: Parmalee at ***All Shows Postponed Until Further Notice***  Greenville</a>
<div class='rssSummary'>Parmalee Greenville : ***All Shows Postponed Until Further Notice*** on 2010-12-31 [&hellip;]</div></li>
<li>class='rssSummary'>Bimini Rd. Greenville :
I've tried quite a few combinations of divs and classes with the styling I want and added them to CSS/HTML inserts, but nothing works. What am I missing?

Last edited by juggledad; Dec 23, 2010 at 09:26 PM.
  #2  
Old Dec 23, 2010, 05:42 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
Sorry, I forgot: www.greenvilleconcerts.com and this is the last CSS I tried:


.rsswidget a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #003399; background-color: #FFFF99; }

Last edited by webgurl; Dec 23, 2010 at 05:46 PM.
  #3  
Old Dec 23, 2010, 06:25 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
No, that didn't work. I was keeping my fingers crossed though!
  #4  
Old Dec 23, 2010, 06:27 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
It's funny that the things I try in Expression Web 4 don't work. Seems to be a piece of the puzzle I am missing...
  #5  
Old Dec 24, 2010, 12:21 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
Thanks for helping me. I tried this code
Code:
div.widget_rss ul li a.rsswidget {
font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #003399; background-color: #FFFF99;
}
in the Add HMTL/CSS option of atahualpa, and as you can see, http://greenvilleconcerts.com it idid not change the code in the RSS widget on the front page. I too, am using firefox. Did you go to my site and make the change that you said worked?
  #6  
Old Dec 24, 2010, 01:58 PM
juggledad's Avatar
juggledad
 
22,314 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
I'm not quite sure if you want to style every other rss feed or the second line of each rss feed. Anyway here it the CSS to change the RSS title, the first line of the feed and the second line (the rss summary). You should be able to pick out what you need
HTML Code:
.widget-title h3 a.rsswidget {color: red;}
div.widget_rss ul li a.rsswidget {color: yellow;}
div.widget_rss ul li .rssSummary {color: green;}
STB was only able to use firefox/firebug to change what he was seeing, not actually change your css. The only way to change your site is by going thru the backend and saving the option to the database.

Note: you can't change every other rss group because there is nothing unique for the lines. If they has a class of...say 'even' and 'odd', then you could have every other group a different color.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Dec 24, 2010 at 02:01 PM.

Bookmarks

Tags
rss, styling, widgets

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Widget Styling Help JonRouston Sidebars & Widgets 3 Dec 2, 2010 03:58 PM
[SOLVED] Styling of RSS Widget c12281 Sidebars & Widgets 2 Dec 1, 2010 06:17 AM
Styling subpage widget Vnugrda Sidebars & Widgets 1 Jun 10, 2010 08:07 AM
Trying to subscribe to an RSS feed using the RSS widget peterf RSS, Feeds & Subscribing 2 May 27, 2010 08:46 PM
[SOLVED] rss icon styling in logo bar Zed Header configuration & styling 1 Oct 18, 2009 06:04 AM


All times are GMT -6. The time now is 07:18 AM.


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