T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (6)

Resolved styling positions

0
Votes
Undo
  1. Fernando Pena
    Fernando Pena
  2. General Discussion
  3. Tuesday, 16 July 2013
  4.  Subscribe via email
Here is the deal...
I want to assign different id's to each positions in my layout.

For example:
I got 3 spotlight positions at the bottom of my site. I want to assign 3 different ID's to spotlight-4, spotlight-5 and spotlight-6.

Actually, I want to add a border-bottom to module titles, but each position should have a different border color.
I can style the class "module-title" to add the border-bottom, but I don't know how to set different colors for each position. Is that possible?

Thanks.
Comment
There are no comments made yet.
Responses (6)
Mainstwebguy
Mainstwebguy
Accepted Answer Pending Moderation
0
Votes
Undo
you should be able to do this using css and some class suffixes.

For example, you can make a class that has your modules dimentions like "bottom-box" so they are all in the right place. Then add aditional classes to them and use CSS to make them the colors you want.

So yout "bottom-box" modules might have a class like "bottom-box color1," "bottom-box color2," and so on
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Fernando Pena
Fernando Pena
Accepted Answer Pending Moderation
0
Votes
Undo
The problem is: How to assign a class to a position? Because they are not <div> neither <section>. A section or div can have more than one position inside it.

<section class="container t3-sl t3-sl-2">

  <?php 

  	$this->spotlight ('spotlight-2', 'position-5, position-6, position-7, position-8')

  ?>

</section>


The ideal would be if I could associate the class "module-title" to the different positions.
For exemple: If I could add the name of the position as a prefix in the class.
spotlight-4.mobiletitle { ... }
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Fernando Pena
Fernando Pena
Accepted Answer Pending Moderation
0
Votes
Undo
Anybody have a solution for me?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Fernando Pena,

You can set the default style for spotlight like this.
Please take a look in spotlight function in \plugins\system\t3\includes\core\templatelayout.php

<?php 

  	$this->spotlight ('spotlight-1', 'position-1, position-2, position-3, position-4', array(

  			'position-1' => array(

				'normal' => 'span3 special',

				'wide' => 'span3 hidden'

			),



                        'position-2' => array( ..... other information goes here for position 2 ..... )

  		))

  ?>


Hope it helps,

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Fernando Pena,

Please note, remove the old setting file in templates\[templatename]\etc\layout folder
Also, this function only work when you enable "Enable Responsive" in backend.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Felipe Abranches
Felipe Abranches
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
I've removed the templates\[templatename]\etc\layout folder and it desconfigured the others positions (including the spotlights).

Could you explain more about the spotlight function in \plugins\system\t3\includes\core\templatelayout.php?

Wich parameters wecan include in $info array?
I've have the possibility to define a module type for each position in a spotlight? Where are these modules definitions (such as type and attr)?

Thanks!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.