Joomla Templates Club 406,261 posts

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#201664

HI,

I have placed 4 modules in positions “position-1 to 4”.

I would like to have a background color for the row in full width. That means that the module positions should still be within the container but the background color for the row should be in full screen width.

Would that be possible?

Thanks and best regards, Morten Bracker

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550984

Hello

Can you share your working site url here , so that i can suggest you changes as per your site .

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#550986

Sure: http://www.publizd.com/index.php/hvad-far-du-som-forfatter-bog-litteratur-boger-forfatter-selvudgive-udgive-forlag-bogforlag-new-publish-skonlitteratur-faglitteratur

🙂

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550988

<em>@mortenrasmussen 447636 wrote:</em><blockquote>Sure: http://www.publizd.com/index.php/hvad-far-du-som-forfatter-bog-litteratur-boger-forfatter-selvudgive-udgive-forlag-bogforlag-new-publish-skonlitteratur-faglitteratur

:)</blockquote>

Hello Your site is offline . Please PM me admin details of your site , so that i can check.

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#550994

Oh, sorry. I have set it online temporary, so you can access the site now.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551002

Hello
add this css code in your custom.css file

.t3-sl {
background: green;
background-size: cover; }

Change the value of color code as per your need .

Hope it helps

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#551003

Hi, thanks. But I already tried that. It still only covers the container and not the full width.

You can see the code in action on the site now.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551004

Yes you can also set it to full width .
You can PM me your admin details , So that i can check the changes directly on your site and let you the changes here .

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#551010

PM send to you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551051

Hi

i changed in template/your ja template/tpls/blocks/spotlight-1

this code

<!-- SPOTLIGHT 1 -->
<div class="container t3-sl t3-sl-1">

<?php $this->spotlight('spotlight-1', 'position-1, position-2, position-3, position-4') ?>
</div>
<!-- //SPOTLIGHT 1 -->

into this

<!-- SPOTLIGHT 1 -->

<div class="spl1_bg">
<div class="container t3-sl t3-sl-1">

<?php $this->spotlight('spotlight-1', 'position-1, position-2, position-3, position-4') ?>
</div>

</div>
<!-- //SPOTLIGHT 1 -->

Then i added this code into your custom.css file .
you can find this code at the bottom of custom.css file


/*custom bg code added for position 1234*/
.spl1_bg {background: #FCF7ED background-size: cover; }

You can check the your site now >>>> http://prntscr.com/4rniki

1 user says Thank You to Pankaj Sharma for this useful post

1. mortenrasmussen

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#551082

That is brillant. Thanks a lot for your help 🙂

Best regards, Morten

[Author]

Posts