Keyword

Can't find areas in CSS to customize

More
5 years 2 months ago #133813 by Beth
Beth created the topic: Can't find areas in CSS to customize
Hi! My photos are centered and the links are the default blue color. My template specifies them in a different color.

I went to: modules/mod_jw_srfr/tmpl/default/css/template.css thinking I could change these items here. But all that shows up in the template.css file is pasted below.

How in the world can I make the images align left and the links be a different color?

The site is at: new.orbitcom.biz/joomla/index.php/news-feed

/**
* @version 3.3
* @package Simple RSS Feed Reader (module)
* @author JoomlaWorks - www.joomlaworks.net
* @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved.
* @license GNU/GPL license: www.gnu.org/copyleft/gpl.html
*/

/* Template: Default */

/* Common */
a:active {text-color:007ac2;},
a:focus {outline:0;}
img {border:none; align:left;}
.clr {clear:both;height:0;line-height:0;display:block;float:left;align:left;padding:0;margin:0;border:0;}

/* Feed List */
div.srfrContainer {}
div.srfrContainer ul.srfrList {list-style:none;padding:0;margin:0;}
div.srfrContainer ul.srfrList li {clear:both;padding:8px;margin:2px 0;border-bottom:1px dotted #ccc;}
div.srfrContainer ul.srfrList li.srfrRow {}
div.srfrContainer ul.srfrList li.srfrRowIsEven {}
div.srfrContainer ul.srfrList li.srfrRowIsOdd {}
div.srfrContainer ul.srfrList li img.srfrImage {margin:4px auto;align:left;padding:0;display:block;/*width:100%;height:auto;*/}
div.srfrContainer ul.srfrList li span.srfrFeedSource {}
div.srfrContainer ul.srfrList li span.srfrFeedItemDate {color:#999;}

Please Log in or Create an account to join the conversation.

More
5 years 2 months ago #133846 by Lefteris
Lefteris replied the topic: Can't find areas in CSS to customize
Hi. You need to take a look at how CSS works actually.
The attributes text-color and align are invalid.
Read the following:

developer.mozilla.org/en-US/docs/Web/CSS/color
developer.mozilla.org/en-US/docs/Web/CSS/margin

These links describe the attributes used to change the color and the margin of an element ( margin set to auto will center the element ).

Finally note that applying your CSS rules directly to the file modules/mod_jw_srfr/tmpl/default/css/template.css is not recommended. You will lose your changes in future updates. You need to either put your CSS code in a CSS file of your template or create an override for the module and edit the CSS file of the override. Let me know if you need more help.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum