Help with adjusting a module look with artisteer 4 and joomla 2.5.8 |
|
Mark
|
hello,
i need some help with css of 1 module/position.
i ave been searchiing around for 2 days all over with no luck of understanding what i need to do to adjust the css styling on my 1 website
the website is www.ramsworldorder.com
what i want to do is adjust the module on the lower right side called Rams feed. it is an RSS Feed of 2 sites at this time.
here is more specific desires of what i want.
1 adjust the font size for the site title feeds coming in
2. change the font size of the links coming in through the rss feeds
3 add a background color
4. change the links according to the background (want to make it easier to read according to the background color i choose) i need to understand the passive,hover, visited context with all this
5. below the title feeds (example Rams talk change the color of that text and font size even font)
i dont specifically need to adjust the header of this mod at the moment
i want to lower the font sizes of just this section/position/module ONLY) if i need to i would be willing to add another mod on the left column to even my current template layout look.
i have looked at the firebug code/css etc but am so very very lost with css, i never got a grasp and understanding of how to set up the Syntax for css and the html to make and add these adjustments i desire.
any help would be very greatly appreciated
ps i use jevents lastest events and may wish to do a similar thing, to bring that part out
Mark
|
| |
Garfield LeChat
|
Basically what you'll need to do at its most simple is write a specific class style for that attribute.
Class styles start with a full stop .class_style for example ID styles start with a #
You can only have on declared ID style on a page but can reuse classes again and again.
select the div where you want to change styles use this as your base class or ID
then take the next element down within the code until you get to the element you wish to style.
Add these at the bottom of your template css and you're away...
and example would be
div.rss_feed_block {
background: #000;
}
<!-- This sets your background colour -->
div.rss_feed_block .art-blockheader h3 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
<!-- This sets your Header 3 Font size and colour -->
div.rss_feed_block .art-blockcontent p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
<!-- This sets your paragraph default colour and size -->
div.rss_feed_block .artblockcontent .another_style_name p {
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}
<!-- This sets the alternative paragraph style, you need to apply another class to the add the additional style to the feed I'd assume -->
however what you need to do is learn CSS, it's the only way to style items within a modern website.
|
| |
|
|