Joomla Templates Club 406,261 posts

[tommylarsen Friend tommylarsenJoin date: March 2014Posts: 12Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#195701

as the heading says: how to change the redish background of the masshead-module?

I have very little experience With this Version of joomla, and have just got this template installed….

I have found the Theme Magic function, but it does not seem that any changes made to the modules colour there makes any change to the site….

1 user says Thank You to tommylarsen for this useful post

1. bigmagic2014

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526390

Create a custom.css File by checking out this tutorial http://t3-framework.org/documentation/bs3-customization#custom-css

And add this code


.t3-module.highlight, .module.hightlight{
background:#FFFFFF !important;
}
.t3-module.highlight .highlight, .module.hightlight .highlight{
background:#FFFFFF !important;
}

.jamasshead-description, .jamasshead h3{
color:#000000 !important;
}


Please change #FFFFFF to any color you need to change the background

Please change #000000 to any color you need to change the text color

2 users say Thank You to chavan for this useful post

1. tommylarsen
2. shemzone

[bigmagic2014 Friend bigmagic2014Join date: December 2013Posts: 65Downloads:0Uploads:6 Thanks: 15 Thanked: 2 times in 1 posts]

#526513

That was a great question!

I’m working on what I think is a similar problem. I’m trying to customize the text size and message though instead of masshead color. The first thing I’ve done is attempt to modify the title, but it seems I’m limited to replacing it with only one word (can’t swap with multiple words for title). I also can’t change the size of text unless I go with html altogether, which really causes a dramatic difference in the text appearance (size and position) across various devices. (look good on tablet, not so good on desktop, vice versa etc.)

So it sounds like this css thing may be the fix for it all. I’ve gone to the “Working With the FIle” under “Custom CSS” but I’m not quite seeing how it all fits together. Where and how do you get to this “templates/t3_bs3_blank/css/custom.css”? Or is that where I should be? It seems to me you should be able to customize the module somewhere, but other than the advanced tab of module mgr, I don’t see where and how you would add the custom code. You can’t do it under theme magic.

I’m sure there must be a simple answer for this. If anyone knows, you mind forwarding it to me. (You may want to go a little slow and kind of abc the steps involve, as I’m really brand new to Joomla and Joomlart and just beginning to peek into php etc)

Thanks guys
Big Magic

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#526560

@bigmagic2014: ThemeMagic is one of the outstanding feature in T3 framework. It helps you in customizing your JoomlArt T3 Framework version 3 based Joomla template without having to search for the right file or without diving into the code.

You can add unlimited parameters, groups for theme customization. The customized parameters is set in the thememagic.xml file in the folder: templates/ja_template and all parameters to work with LESS you can see in templates/ja_template/less/variables.less file.

There are different approach to change color in JA_MASSHEAD module. You can change color directly on this module as @chavan suggestion here

Alternatively, you can follow steps below:

+ Create the custom.css file in the templates/ja_fixel/css/ folder and add this rule:


.t3-module.highlight, .module.hightlight{
background:#FFFFFF !important;
}
.t3-module.highlight .highlight, .module.hightlight .highlight{
background:#FFFFFF !important;
}

.jamasshead-description, .jamasshead h3{
color:#000000 !important;
}


+ Navigate to Admin -> Module Manager, add “ highlight” into module class suffix in JA Masshead module (remember to leave a blank space before class suffix text)

Hope it helps.

2 users say Thank You to Ninja Lead for this useful post

1. girlofsparks
2. shemzone

[tommylarsen Friend tommylarsenJoin date: March 2014Posts: 12Downloads:0Uploads:1 Thanks: 6 Thanked: 1 times in 1 posts]

#526608

The only thing I needed to do was to include one more line in the custom.css because there where a small part of the module that had another class suffix.

Thanks for Your help 🙂

[girlofsparks Friend girlofsparksJoin date: February 2014Posts: 7Downloads:0Uploads:3 Thanks: 3 Thanked: 4 times in 2 posts]

#527382

Ninja Lead,
The JA_Masshead module has a different appearance in the Quickstart installation than it does when you install/create the module in a manually configured Fixel template. Studying the Quickstart, I sense there is MUCH customization done on top of the default template and the joomlart documentation instruction / settings.

For JA_Masshead in Quickstart, can you tell us what instructions are customizing it? Specifically, can you provide the (1) exact file name, (2) its relative path, and (3) the relevant lines of code that control the appearance of the module in the Quickstart?

Sharing this and other customizations Joomlart has made in the demos/quickstart would do MUCH to help your customers get the results they want and help them learn too. I know I would appreciate it greatly. 🙂

[girlofsparks Friend girlofsparksJoin date: February 2014Posts: 7Downloads:0Uploads:3 Thanks: 3 Thanked: 4 times in 2 posts]

#527386

Ninja Lead,
My bad! I just figured out there is supposed to be a space prior to the characters in the advanced options of the module. As described here:
http://www.joomlart.com/forums/topic/ja-masshead-module-dont-load-css-class/
This is something you may want to mention in the documentation.

2 users say Thank You to girlofsparks for this useful post

1. JA Developer
2. Ninja Lead

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#527395

Glad that you figured it out.

[Author]

Posts