Hey I think ill probably SHOW you what Im looking for rather than try to explain in words. Well can u see the main page of this site yourdentistryguide.com scroll down a little and you can see Dentistry Feature articles.. I want something similar for my site.. I mean the color change, the box kinda ... is it possible to achieve that in wordpress And i dont have much idea about coding anyways any help will be appreciated
The box just has a gradient as the background. Have a look: http://www.yourdentistryguide.com/i/featured-article-background.gif That's all it is, just on repeat-x so it repeats horizontally.
well. i have no knowledege of css. so i probably wud require a detailed reply including what code to insert and where
Do what everyone else does when they want to steal emulate other peoples code. View the source, copy it, and paste it into your page. Then go to the CSS stylesheet and view, copy (appropriate classes) and paste into your stylesheet. This is the best way to learn amigo. Try that out first, and when you can't quite get it right ... then come back and ask appropriate questions.
As said above trial and error, just look at what they've done and it'll help you out. So say you've got a DIV with text in: <div>Text Here</div> and you want to add a background colour/image to this div. OK firstly we give this DIV a class inside the HTML so we can refer to it inside our CSS sheet. As shown below. <div class="mydiv">Text Here</div> OK this is the HTML, we can now refer this into our CSS sheet to add the background. Inside the CSS stylesheet you would add something like the following: .mydiv { background-image: url(http://www.yourdentistryguide.com/i/featured-article-background.gif); background-repeat: repeat-y } CSS is powerful you can use it to assign anything presentational to your page, e.g font font-sizes, background images/colours, DIV sizes layouts positions, borders. Not sure of your current understanding of all of this but that's basically how you do it. And Wordpress your theme will have a CSS stylesheet (ends in exstension .css).