Joomla Templates Club 406,261 posts

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#185074

Hi,

How do you change the background behind the slideshow container? I have adding background-image to .wrap .ja-slideshow but that doesn’t work.

Please could some one help?

Thanks,
GD

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#483828

Can you provide the url of the site you’re working on?

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#483829

Thanks for the reply… sorry working on the localhost and not ready to go live yet. I thought it would be straight forward 🙂 Image attached for reference.

I’m using Joomla. 2.5.9 with T3v3 and JA Brisk.

Thanks

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#483830

Try this . . . .

Within file path –> templates/ja_brisk/less/layout.less

find the following css rule:

.wrap
width: auto;

add a background-color property to this rule – for example . . .

.wrap {
width: auto;
background-color: #000
}

See if that works for you

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#483837

I’ve tried that…it changes the background color of everything including menu bar, custom modules, header, footer etc.

On the JA demo site, your solution seems to work to certain extend but when added to the custom.php file, it does what i mentioned above.

Is there a bug in this template?

Thanks.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#483873

Hi greendome,

Firstly, go to Admin >> Extensions >> Template Manager >> Current style >> General tab >> set Yes for Enable Development Mode >> Compile LSS to CSS >> Save.
One your server, open templatesja_brisklessstyles.lss, find

.ja-slideshow .container {
padding: (@baseLineHeight * 3) 0 0;
}

>> you can add css properties here.

Regards,
—
Leo

[Author]

Posts