- Posts: 9
COMMUNITY FORUM
Customise the CSS
12 years 10 months ago - 12 years 10 months ago #45257
by propolis
Customise the CSS was created by propolis
Hi,
I have come to a point whatever I do with the CSS file it changes other elements. Its nearly there, 90% and its only the last 10% I need to get working
1. I need a gap above and below the lines
2. I need the image to align with the first letter of the row of text
3. I need to keep this spacing
4. The highligted area needs to be in bold
This is my current CSS code:
If any one can help it will be very much appreciated
Eddie
:)
I have come to a point whatever I do with the CSS file it changes other elements. Its nearly there, 90% and its only the last 10% I need to get working
1. I need a gap above and below the lines
2. I need the image to align with the first letter of the row of text
3. I need to keep this spacing
4. The highligted area needs to be in bold
This is my current CSS code:
/**
* @version 2.3
* @package Simple RSS Feed Reader (module)
* @author JoomlaWorks - https://www.joomlaworks.net
* @copyright Copyright (c) 2006 - 2011 JoomlaWorks Ltd. All rights reserved.
* @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
*/
/* Template: Compact */
/* Common */
a:active,
a:focus {outline:0;}
img {border:none;}
.clr {clear:both;height:0;line-height:0;display:block;float:none;}
/* Feed List */
div.srfrContainer {}
div.srfrContainer ul.srfrList {list-style:none;margin:0;padding:0 0 12px;}
div.srfrContainer ul.srfrList li {border-top:1px solid #ccc;padding:1px 4px;}
div.srfrContainer ul.srfrList li.srfrRow0 {background:#fff;}
div.srfrContainer ul.srfrList li.srfrRow1 {background:#F7FAFE;}
div.srfrContainer ul.srfrList li a {text-decoration:none;line-height:120%;font-family:Tahoma, Geneva, sans-serif;display:block;}
div.srfrContainer ul.srfrList li a span {display:none;}
div.srfrContainer ul.srfrList li a:hover {text-decoration:none;position:relative;z-index:1;font-family:Tahoma, Geneva, sans-serif;}
div.srfrContainer ul.srfrList li a:hover span {display:block;position:absolute;background:#fff;border:4px solid #ddd;padding:8px;top:4px;left:60px;width:226px;z-index:2;overflow:hidden;}
div.srfrContainer ul.srfrList li a:hover span b {}
div.srfrContainer ul.srfrList li a:hover span b.srfrTitle {display:block;}
div.srfrContainer ul.srfrList li a:hover span b.srfrFeedSourcePopup {}
div.srfrContainer ul.srfrList li a:hover span img.srfrImage {/*float:left;*/margin:4px auto;padding:2px;border:1px solid #ccc;display:block;}
div.srfrContainer ul.srfrList li div.srfrFeedDetails {color:#999; padding: 2px 0 2px 30px;}
div.srfrContainer ul.srfrList li div.srfrFeedDetails span.srfrFeedSource {padding: 2px 0 2px 30px;}
div.srfrContainer ul.srfrList li div.srfrFeedDetails span.srfrFeedSource a {display:inline; padding: 2px 0 2px 30px;}
div.srfrContainer ul.srfrList li div.srfrFeedDetails span.srfrFeedItemDate {padding: 2px 0 2px 30px;}If any one can help it will be very much appreciated
Eddie
:)
Please Log in or Create an account to join the conversation.