Joomla Templates Club 406,261 posts

[John Friend JohnJoin date: November 2007Posts: 168Downloads:151Uploads:51 Thanks: 46 Thanked: 3 times in 3 posts]

#967061

Joomla 3.6.2 Ja Teline V PHP7

I have checked all forums but can not find code or modifications for placing image background in default template.
I am trying to place split background image advertising on main magazine or main page of Ja teline v. I would like to do it with straight code rather than using a module. HD Backgrounds does not work in latest versions or is it a transparency problem?

Please see example.

How do I do this so that it is easily loaded or changed from a media file.

John

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#967243

soitsfun.com ??

---

Attachments:

1. 

[John Friend JohnJoin date: November 2007Posts: 168Downloads:151Uploads:51 Thanks: 46 Thanked: 3 times in 3 posts]

#967252

My question is simply how to place a background image (similar to stock Events page) on the default or magazine landing page of Ja Teline V. Using code and where to place it.

It should be a tutorial for Joomlart’s templates but can not find it anywhere.

[John Friend JohnJoin date: November 2007Posts: 168Downloads:151Uploads:51 Thanks: 46 Thanked: 3 times in 3 posts]

#967258

Thank you problem resolved. Host was corrupted on reset. simple brainer for a no brainer.

[John Friend JohnJoin date: November 2007Posts: 168Downloads:151Uploads:51 Thanks: 46 Thanked: 3 times in 3 posts]

#967298

Topic is still not resolved. I have tried everything to install mainpage advertising "background-image: url(xxx);" on Ja Teline V.

I have checked for opacity and it seems OK and have tried installing in CSS and T3 but can not get any results.

Background selector does not work either.

Help Help

John

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#967377

John,

The Events bg image is in the Events template folder. Does this help ?

Tim

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#967484

Hi John,

Try open the file: ROOT/templates/ja_teline_v (your default template)/css/custom.css (create this file if it doesn’t exist)

and add this css rule:

.layout-magazine body {
    background: url(/path/to/your/image/back_here/ev-bg.jpg) no-repeat fixed center top #0077bb;
    background-size: cover;
}

.layout-magazine .t3-wrapper {
    background: transparent;
}

Also notice that changing to transparent background may also affect other modules in magazine layout page, you will need to customise them also.

2 users say Thank You to Saguaros for this useful post

1. timtecsa
2. John

[Author]

Posts