Joomla Templates Club 406,261 posts

[kelark Friend kelarkJoin date: June 2006Posts: 5Downloads:1Uploads:0]

#183812

I have been trying to get a module to span the whole page.

I created a custom module and added a background image to the template file but that did not work because the image is not responsive. Also I put an image in the module but can’t get it to be wider than the main body. I have tried modifying the css still not the results I need.

You can see what I am trying to do at dev.metroinstitute.org. Look at the image below the header. That is the background image and I have a transparent image in front of it that is in the module “custom out put.

I want the background image to be responsive or the module image to be full width.

Thanks,

Kelark

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

#479140

Greetings Kelark:

Try this . . .

Within file path –> /templates/ja_brisk/css/template.css
at line 2658, modify as follows:

.ja-sm {
background-image: url("../images/header2.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
}

Let me know if this achieves the result you were looking for

[kelark Friend kelarkJoin date: June 2006Posts: 5Downloads:1Uploads:0]

#479156

Thanks you that was it!!!!! Great help!!!!

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

#479161

Glad to have been of assistance … All the best with your continued site development.

🙂

[Author]

Posts