How to change background for a specific position in T3 ?

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!

Resolved How to change background for a specific position in T3 ?

Votes

Manh
General Discussion
Thursday, 12 February 2015
Subscribe via email

Hi everyone,
I have a problem of finding a way to change the background of an specific position.
I want to change the background of the outline of container.
I don t want to change the container background. Only what s out of the container.

Please view the picture for more details.
Sorry for my bad english.
There are 3 pictures.
1) what i want
2) what i would like to do
3) what i don t want.

Any idea ? How can i do it ?

Comment

There are no comments made yet.

Accepted Answer

Gardner Luna

Accepted Answer Pending Moderation

Votes

Undo

Hi

You can open the layout file that has the module position, add a div with class in the loading position. For example, I want to add background for sidebar-1 position. I will open the file: templates\t3_bs3_blank\tpls\blocks\mainbody\two-sidebar.php
You would find the following code:

<!-- SIDEBAR 1 -->

<div class="t3-sidebar t3-sidebar-1 col-xs-6  col-md-3  col-md-pull-6 <?php $this->_c($vars['sidebar1']) ?>">

	<jdoc:include type="modules" name="<?php $this->_p($vars['sidebar1']) ?>" style="T3Xhtml" />

</div>

<!-- //SIDEBAR 1 -->

Now I will add a class for the position:

<!-- SIDEBAR 1 -->

<div class="t3-sidebar t3-sidebar-1 col-xs-6  col-md-3  col-md-pull-6 <?php $this->_c($vars['sidebar1']) ?>">

<div class="sidebar-background">

    <jdoc:include type="modules" name="<?php $this->_p($vars['sidebar1']) ?>" style="T3Xhtml" />

</div>

</div>

<!-- //SIDEBAR 1 -->

Next, add style for the class "sidebar-background" with background css rule to the custom.css file.

Regards.

Comment

There are no comments made yet.