Joomla Templates Club 406,261 posts

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#204776

Hello,

I need to resize the background of the JACM to make it responsive.

i found the html line but where can i change it ?

<div style="background-image: url(";/images/pastaparty1.png"); background-size: auto 100%;"

to

<div style="background-image: url(";/images/pastaparty1.png"); background-size: 100%;"

Many thanks.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563548

Hi there
If you already have html than you apply your css into custom.css
Or may know i what’s exactly you are looking for ?

Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563553

i don’t know where to find the css style i need to change

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563558

Hi there
Base on your screenshot. I can see we can use this css selector

.acm-hero.style-2.show-intro {
background: ....
}
You can increase css selector detail if needed.

Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563561

i’ve tried this code but it seems not working

/*background responsive hero style2*/
.acm-hero.style-2.show-intro {
background-image: url("/images/pastaparty1.png");
background-size: 100%;
}

it really strange because it works only if i change it on HTML code (and not the css one) when i inspect code with firebug

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563564

Hi there
Your css custom.css is working. Just because css priority is not higher.
You can try to use !important here. Or make it higher priority.
Update:
Please try with this selector

.home-restaurant .t3-wrapper .sections-wrap #section-556 div.acm-hero.style-2.show-intro {}
Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563569

i akready tried with !important but not working

i try this too

/*background responsive hero style2*/
.home-restaurant .t3-wrapper .sections-wrap #section-556 div.acm-hero.style-2.show-intro {
background-image: url("/images/pastaparty1.png");
background-size: 100%;
}

and this

/*background responsive hero style2*/
.acm-hero.style-2.show-intro {
background-image: url("/images/pastaparty1.png");
background-size: 100%;!important;
}

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563572

Is the problem can be the script used here : uber/acm/hero/js/script.js ?

if (imgWidth / imgHeight > screenWidth / screenHeight) {
hero.css('background-size', 'auto 100%');
} else {
hero.css('background-size', '100% auto');

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563665

Hi there
Should be. Would you mind try to modify that js file ?
Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563735

yes i can but it for all modules which use this script.

i just need for this module.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563850

Hi there
Please try to use this js after above js triggered.

jQuery('#section-484 .acm-hero.style-2.show-intro').css('background-size: 100%');

Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#563897

Sorry but where i must change this code ?

directly in the js script ? or in the custom.css file ?

Thanks.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564059

Hi there
It’s js than you can put it into js file.

Thank you,
Viet Vu

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#564835

hi,

it seems not working.

i put
jQuery('#section-484 .acm-hero.style-2.show-intro').css('background-size: 100%');
at the end of the script.js file.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564886

Hi there
Please try this

jQuery('.acm-hero.style-2.show-intro').attr('style','background-image: url(http://lioravi.wish-informatique.fr/images/pastaparty1.png); background-size: 100%;');
ps:// I guess you have changed module. Because last time id is 484 but now it’s 556 ?

Anyways i have tried to execute above js via console and it works.

Thank you,
Viet Vu

[Author]

Posts