Joomla Templates Club 406,261 posts

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#154175

How would I change the background of the module title, for example background of JA Tabs title (not the title of individual tabs)?

thank you!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#355092

You open the file: /plugins/content/ja_tabs/themes/teline_iii/style.css and find the following code:

.teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li.active h3 {
color: #000;
font-weight: bold;
}

and

.teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: normal;
line-height: 26px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
color: #999;
border: none;
}

you add the “background” attribute into those box to change color

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#355124

<em>@tienhc 193446 wrote:</em><blockquote>You open the file: /plugins/content/ja_tabs/themes/teline_iii/style.css and find the following code:

.teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li.active h3 {
color: #000;
font-weight: bold;
}

and

.teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: normal;
line-height: 26px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
color: #999;
border: none;
}

you add the “background” attribute into those box to change color</blockquote>

Thank you. When I do so as per your instructions, the background color of the tab title is altered, not the title of the module.

In the above figure, I would like to change the background color for Upcoming Conferences, not for hydrogen, fuel cells and biomass.

thank you.

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#355322

<em>@sadesh 193491 wrote:</em><blockquote>Thank you. When I do so as per your instructions, the background color of the tab title is altered, not the title of the module.

In the above figure, I would like to change the background color for Upcoming Conferences, not for hydrogen, fuel cells and biomass.

thank you.</blockquote>

Hi there,
Could you plz provide me your live site URL?

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#355391

Knock! knock!

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#355546

<em>@sadesh 193838 wrote:</em><blockquote>Knock! knock!</blockquote>

Hi,
As my way, I added a suffix class for module, the class is named “MyClassName”, then opened file template.css and added this code:


.MyClassName h3{
background-color: gray;
}


1 user says Thank You to Don Lee for this useful post

1. sadesh

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#355581

<em>@donglt 194037 wrote:</em><blockquote>Hi,
As my way, I added a suffix class for module, the class is named “MyClassName”, then opened file template.css and added this code:


.MyClassName h3{
background-color: gray;
}

</blockquote>

Thank you. I tried the following code in template.css and replaced the module suffix _tabs with _bgmodule.

<blockquote>.bgmodule h3{
background: #D20000;
}
</blockquote>

It didn’t work. It broke the tabs as I removed its suffix. How can I get both working? Your suggestions are highly appreciated.

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#355583

<em>@sadesh 194076 wrote:</em><blockquote>Thank you. I tried the following code in template.css and replaced the module suffix _tabs with _bgmodule.

It didn’t work. It broke the tabs as I removed its suffix. How can I get both working? Your suggestions are highly appreciated.</blockquote>

Plz do not replace the suffix, your should add it plus the old like: “_tabs _bgmodule“

1 user says Thank You to Don Lee for this useful post

1. sadesh

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#355597

<em>@donglt 194078 wrote:</em><blockquote>Plz do not replace the suffix, your should add it plus the old like: “_tabs _bgmodule“</blockquote>

Thank you. I tried it with both suffixes. It didn’t work. Kindly check for module Upcoming Conferences

I used dark red color for the background.

http://l.irhcan.com/site

[Author]

Posts