Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to put one image it background in a layer?

Featured Lock Resolved Issue
Having created a row and having named it,I created a class sécifique: "sp-feature-3-wrapper" and I indicated in the file custom.css, the following code:
<code>
#sp-feature-3-wrapper {
background: url(images/Lesmatelles-2/Slides/slide-header/Carousel-actif/Slide-publication.jpg) no-repeat center fixed !important;
margin: 0 !important;
padding: 5px !important;
}</code>
Regrettably, it is not taken into account in the template.
Have you a solution to be proposed to me?
Here is a link of the site in test. (Layer where is the text "Accès en 1 clic";)
http://www.artb7.fr/test-1/
Thank you
arnob7

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please give me your admin info via pm.

Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your pm. Please add this css into custom.css file.


.sp-custom {
background: rgba(0, 0, 0, 0) url("images/Lesmatelles-2/Slides/slide-header/Carousel-actif/Slide-publication.jpg") repeat fixed center center / cover ;
background-repeat: no-repeat;
}


How to add custom.css file


-Thanks

arnob7

More than a month ago #Permalink
Thank you very much for your answer and the good rectifications to be made.
As you showed it to me, I modified the index.php file to call the file custom.css and indicated the voucher css to put the image background.

I think that my question is going to be soon able to be solved. But the result is not still positive.
The file custom.css is taken into account well but the image does not take care. I have a message (with Firebug) indicating me that " the image cannot be be loaded " (see the file jpg joined )
See you the reason?
Thank you again of the help(assistant) that you can bring me.
Arnob7

Attachments (1)

  • image-ecran-sp-custon.png
    image-ecran-sp-custon.png 74.8 KB

Toufiq - Staff

More than a month ago #Permalink
arnob7 wrote:

Thank you very much for your answer and the good rectifications to be made.
As you showed it to me, I modified the index.php file to call the file custom.css and indicated the voucher css to put the image background.

I think that my question is going to be soon able to be solved. But the result is not still positive.
The file custom.css is taken into account well but the image does not take care. I have a message (with Firebug) indicating me that " the image cannot be be loaded " (see the file jpg joined )
See you the reason?
Thank you again of the help(assistant) that you can bring me.
Arnob7


Hi, Thanks for your reply. Please add below css.


.sp-custom {
background: rgba(0, 0, 0, 0) url("http://www.artb7.fr/test-1/images/Lesmatelles-2/Slides/slide-header/Carousel-actif/Slide-publication.jpg") no-repeat fixed center center / cover ;
}


-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 104
Toufiq

Toufiq

Total Accepted Answers: 60
Sifat

Sifat

Total Accepted Answers: 44
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 17
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 16

118

Templates

305859

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us