Our Thinking

This is a forum to share our thoughts and get your feedback.

  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Bloggers
    Bloggers Search for your favorite blogger from this site.
  • Team Blogs
    Team Blogs Find your favorite team blogs here.
  • Login
    Login Login form

Changing the background in Joomla

Posted by on in Joomla
  • Font size: Larger Smaller
  • Hits: 3295
  • 1 Comment
  • Subscribe to this entry
  • Print

Often, we may want to change the background of specific layout section. For example, on our website, the default background of the "Promo" section was grey and we wanted to make it more lively. So, this is what we had to do..

1. Figure out where that element is. For that, open up your website, go to Chrome menu at the top right of your browser window, select Tools >> Developer Tools, or right-click on any page element and select "Inspect Element".

2. The DevTools window will open at the bottom of your Chrome browser.

3. Right click on the page to know the exact position of page you want to change the background. Then you will find the css file that has to be modified. In our case, it was template.css.

4. If you are using JSN YOYO, at the right side you will find "#jsn-promo (same line) template.css: 340" and "background-image: url('/images/bg.jpg')".

Now, to change the background in Joomla

5. Log into Joomla 3.2 Admin

6. In the top menu, click Extensions and then click Template Manager.

7. In the list of templates, you will find the two options left side of the page "Templates" and "Style" and click on the Templates.

8. In the list of CSS, find and click on the templates.css and search line numbers of 340.

9 Added "background-image: url ('images/bg.jpg')".

0
Tagged in: Joomla

Comments

  • Guest
    good Tuesday, 30 January 2018

    I thank you for sharing such an informative shared with us. I hope this post could be very useful one for the readers. Moreover, all of the writings about this can be very attractive for the readers.

Leave your comment

Guest
Guest Tuesday, 19 June 2018

Archive

January
February
March
May
July
August
September
October
November
December
January
February
March
June
August
September
November
December
January
March
April
May
June
August
October
November
December
January
February
March
April
May
June
July
November
December

US Offices

4229 Lafayette Center Drive., Suite # 1880, Chantilly, VA 20151

Mobile: 703.868.6393

Email: This email address is being protected from spambots. You need JavaScript enabled to view it.

India Office

Focal CXM Private Limited, #802-A,
8th Floor, “THE PLATINA”, BIT - II,
APHB, Gachibowli, R.R. District,
Hyderabad, Telangana-500032

Email: This email address is being protected from spambots. You need JavaScript enabled to view it.

Go to top