Hi Friends,
I want to add this css style to existing template.

.citems {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    border-bottom-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #333;
    border-left-color: #000;
    text-indent: 10px;

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

How can I do this?
Are there any plugin or should I link new style sheet.
If so, how can I link new style sheet?

Recommended Answers

Here is a good plugin to help you: Click Here

If you want to learn to do this yourself, you can read this artical.

Jump to Post

All 2 Replies


There are multiple ways to do this:

1) You can use custom code modules/plugins like:



These modules give you a blank space to write your own css or html code. Now you can publish them in debug position (& choose which pages/menu items you want effected by this css code).

2) If you wish to have the css code added to the template directly, look for the style.css (mostly named this in most templates) and your css code.

If you can tell us what template you are using we can help you more :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.