Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#721505

Hi

I understood what you mean but you cannot obtain this via THEMEMAGIC because spotlight-4 is assigned to the template via layout and you don’t want to do it via css

So if you want to assign new styles to spotlight-4 you can simply copy and past same settings from spotlight-style into spotlight-dark

so set background to transparent etc etc and save it as new theme to assign to the template

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753756

Hi

I understood what you mean but you cannot obtain this via THEMEMAGIC because spotlight-4 is assigned to the template via layout and you don’t want to do it via css

So if you want to assign new styles to spotlight-4 you can simply copy and past same settings from spotlight-style into spotlight-dark

so set background to transparent etc etc and save it as new theme to assign to the template

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#721513

<em>@pavit 500824 wrote:</em><blockquote>Hi
So if you want to assign new styles to spotlight-4 you can simply copy and past same settings from spotlight-style into spotlight-dark

so set background to transparent etc etc and save it as new theme to assign to the template</blockquote>

But that would also change the spotlight-3 which is also assigned to spotlight-dark, wouldn’t it? I don’t want to change that one.

So, here’s the big question: Why is spotlight-1 and spotlight-2 controlled by spotlight-style and spotlight-3 assigned to spotlight-dark?

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#753764

<em>@pavit 500824 wrote:</em><blockquote>Hi
So if you want to assign new styles to spotlight-4 you can simply copy and past same settings from spotlight-style into spotlight-dark

so set background to transparent etc etc and save it as new theme to assign to the template</blockquote>

But that would also change the spotlight-3 which is also assigned to spotlight-dark, wouldn’t it? I don’t want to change that one.

So, here’s the big question: Why is spotlight-1 and spotlight-2 controlled by spotlight-style and spotlight-3 assigned to spotlight-dark?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#721550

<blockquote>So, here’s the big question: Why is spotlight-1 and spotlight-2 controlled by spotlight-style and spotlight-3 assigned to spotlight-dark?</blockquote>

Because styles are controlled via css but you don’t want to edit css

so you cannot do much more than what is set and available through THEMEMAGIC, i suggested the way to change this via css , so it’s up to you now what to do

If you want to use THEMEMAGIC then you need to apply changes in the way THEMEMAGIC allows
if you want to change THEMEMAGIC behaviour you will need to modify css.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753797

<blockquote>So, here’s the big question: Why is spotlight-1 and spotlight-2 controlled by spotlight-style and spotlight-3 assigned to spotlight-dark?</blockquote>

Because styles are controlled via css but you don’t want to edit css

so you cannot do much more than what is set and available through THEMEMAGIC, i suggested the way to change this via css , so it’s up to you now what to do

If you want to use THEMEMAGIC then you need to apply changes in the way THEMEMAGIC allows
if you want to change THEMEMAGIC behaviour you will need to modify css.

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#721637

I don’t mind changing css.

The problem is that the css you gave me does not work.

I have added it to the place you said to with the value #FF0000. This has changed the background color for ALL the spotlight-dark spotlights: spotlight-3 and spotlight-4.

As I have said, I want the new spotlight I added (spotlight-4) to be styled by the spotlight-style not spotlight-dark.

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#753821

I don’t mind changing css.

The problem is that the css you gave me does not work.

I have added it to the place you said to with the value #FF0000. This has changed the background color for ALL the spotlight-dark spotlights: spotlight-3 and spotlight-4.

As I have said, I want the new spotlight I added (spotlight-4) to be styled by the spotlight-style not spotlight-dark.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#721645

Hi

Add this to your custom.css file

.t3-sl.t3-bot-sl.t3-sl-3 {
background:#FF0000!important;
}

and remove the

.t3-bot-sl {
background:#FF0000;
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753829

Hi

Add this to your custom.css file

.t3-sl.t3-bot-sl.t3-sl-3 {
background:#FF0000!important;
}

and remove the

.t3-bot-sl {
background:#FF0000;
}

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#721658

hello,

OK I did that, but it still is not what i am wanting to do.

I must apologize for giving some wrong info. Here is the correct correspondence between spotlight areas and styles:

spotlight-1 spotlight-style
spotlight-2 spotlight-dark
spotlight-3 spotlight-dark
spotlight-4 spotlight-dark (this is my new spotlight)

This is what I want them to be:

spotlight-1 spotlight-style
spotlight-2 spotlight-dark
spotlight-3 spotlight-dark
spotlight-4 spotlight-style

how can I make spotlight-4 spotlight-style instead of spotlight-dark?

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#753842

hello,

OK I did that, but it still is not what i am wanting to do.

I must apologize for giving some wrong info. Here is the correct correspondence between spotlight areas and styles:

spotlight-1 spotlight-style
spotlight-2 spotlight-dark
spotlight-3 spotlight-dark
spotlight-4 spotlight-dark (this is my new spotlight)

This is what I want them to be:

spotlight-1 spotlight-style
spotlight-2 spotlight-dark
spotlight-3 spotlight-dark
spotlight-4 spotlight-style

how can I make spotlight-4 spotlight-style instead of spotlight-dark?

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#721668

Well, I figured it out on my own. The problem was the spotlight-4.php file. This was the class I had before.

<div class="t3-sl t3-bot-sl t3-sl-3">

This is what I changed it to:

<div class="t3-top-sl t3-sl t3-sl-1">

So, can you please tell me what these classes are?:

t3-top-sl
t3-sl
t3-sl-1
t3-sl-3

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#753852

Well, I figured it out on my own. The problem was the spotlight-4.php file. This was the class I had before.

<div class="t3-sl t3-bot-sl t3-sl-3">

This is what I changed it to:

<div class="t3-top-sl t3-sl t3-sl-1">

So, can you please tell me what these classes are?:

t3-top-sl
t3-sl
t3-sl-1
t3-sl-3

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#721733

<blockquote>So, can you please tell me what these classes are?:

t3-top-sl
t3-sl
t3-sl-1
t3-sl-3</blockquote>

These are css classes used to customize spotlight styles you can find their declaration in this file templatesja_university_t3lessstyle.less


// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------

.t3-sl {
background: @t3-spotlight-background;
color: @t3-spotlight-color;
padding-bottom: 0 !important;
padding-top: 0 !important;

.module-title {
color: @t3-spotlight-module-title;
}

a {
color: @t3-spotlight-link;

&:hover {
color: @t3-spotlight-link-hover;
}
}

// Larger padding in Tablet / Desktop
@media screen and (min-width: @screen-sm) {
padding-bottom: @t3-global-padding * 3;
padding-top: @t3-global-padding * 3;
}
}

// Spotlight 1
// -----------
.t3-sl-1 {
border-bottom: solid 1px @TPL-color-border;
padding-top: 0;
padding-bottom: 0;
}

// Spotlight 2
// -----------
.t3-sl-2 {
.container {
.module {
@media screen and (max-width: @screen-xs-max) {
margin-bottom: @t3-global-margin;
}
}
}
}

// Spotlight 3
// -----------
.t3-sl-3 {
.container {
border-top: 1px solid @TPL-bg-border-top;
.t3-module {
@media screen and (max-width: @screen-xs-max) {
margin-bottom: @t3-global-margin;
}
}
}
}

// Spotlight Dark
// ----------------
.t3-bot-sl{
background: @t3-spotlight-dark-background;
color: @t3-spotlight-dark-color;
padding: 0;

.container {
padding-bottom: @t3-global-padding;
padding-top: @t3-global-padding;

.module {
margin-top: 0;
margin-bottom: @t3-global-margin;
}
}


[Author]

Posts