Joomla Templates Club 406,261 posts

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#200539

hello,
i discovered that whenever i disable the slideshow, the home-feature 1 position background image disappears. please how can i maintain the background image even if i disable the module in that position?

secondly, how can i make the slideshow fit the exact position and dimension of the background image? i would like to have a slideshow replace the background image.

thanks.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#546307

Hi,

Could you please provide your site url and clarify a little bit so I can assist you better ?

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#546361

hello Adam, thanks for trying to help. i am sorry that i will not be able to provide you that because i am still working locally. I hope the screenshots below will help to throw more light.

As you can see, the background image (from the class “home-feature” using firebug) disappears when the module is disabled. i would like the image to remain visible even after the module at the positions home-feature 1 and home-feature 2 are disabled. i hope its clear now.

thanks.

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#546515

Hi,

I got it ! Thanks for your explanation. This is a background image of home features, to keep it visible in page home, please open file root_folder/templates/ja_muzic/css/custom.css and add this code :

.home .t3-mainbody {
background: url("../images/home-bg.jpg") no-repeat scroll center top / cover #000;
}

Save your file and recheck.

About your second question, you should use module JA Slideshow Lite instead to create a full width slideshow.

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#546539

<em>@Adam M 441979 wrote:</em><blockquote>Hi,

I got it ! Thanks for your explanation. This is a background image of home features, to keep it visible in page home, please open file root_folder/templates/ja_muzic/css/custom.css and add this code :

.home .t3-mainbody {
background: url("../images/home-bg.jpg") no-repeat scroll center top / cover #000;
}

Save your file and recheck.

hello Adam, i did but the image only appears behind and not at the top. please find the screenshot attached.

thanks for the help so far.

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#546696

Hi,

In this case, please continue your work then let me know when your site is online. I need to take a closer look at your site in order to provide you correct CSS code.

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#558822

hello Adam, the site is online now. can I pm you the backend access?

thanks.

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#558953

hello guys,

I have found a way to keep the background image visible without the slideshow. Although i don’t think its the best way, i will be glad if someone can show me the right way.

All i did was change the background image of the class home-feature, set the height to my desired height and then padding to 0px.

Also, set the [.home-feature > .container] to display: none;. in other for this to work, remember to publish the module in the home-feature 1 position. although this will not display, it is still needed for the above to work. this is very important. i guess it is surrounded by an “if” statement either controlled by php or js which i have not been able to configure out yet.

As i said this may not be the best way but it worked for me. I will however, welcome any other suggestion(s).
@adam thanks for your assistant, looking forward to any other suggestion you may have.

cheers.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#559010

Hi @solosan,

Please provide your site url so I can have a look first.

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#559056

hello Adams,

this is the temporal url: http://www.new.soulcommpublicis.com.

thanks.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#559146

Hi @solosan,

1. Thanks for the info. Actually you can create a Custom HTML module without any content, give it an unique CSS class via Module Class Suffix, place it in the position “slideshow” then use CSS rule to set the height for that module.

2. Yes, you can put the full width slideshow there and remove the padding around to make it fit. Please enable the slideshow and navigate to back-end >>> Extensions >>> Template Manager >>> choose your template >>> in tab General, temporary CSS Compression then let me know.

[solosan Friend solosanJoin date: November 2011Posts: 27Downloads:116Uploads:13 Thanks: 5 Thanked: 1 times in 1 posts]

#559157

hi @adam, thanks a lot for your assistance. i will do that and let you know how it goes.

cheers.

[Author]

Posts