Which steps are needed to change the background image or color in your joomla article?
It is easy to handle, but we need to write a little syntax with in the articles.
  1. Create a new article with your custom ore another editor.
  2. You have a "HTML" button, press it :) and insert the following code. Important, you must set the style at the beginning of your article.

<div style="background-color: #d5d5d5">

<div style="background-image: url('/new/images/articles/background.jpg')">

You can see, there is easy to use. But you can control the style over the ccs file of your website.

First, create a new article and insert the following code.

For your background color:

 <div class="newclasscolor"> your content </div>

For your background image:

 <div class="newclassimage"> your content </div>

Now you must open your css file. Your can find it, in your joomla template path. /teplates/css/template.css

Open your css file with a editor of your choice, and insert a new div tag like the syntax bellow.
Take this one to create a colored background

div.newclasscolor{ background-color: #d5d5d5; }

And use this one to change your background with a image what you like.

div.newclassimage{ background-image: url('/new/images/articles/background.jpg'); }

Add comment

Security code