Changing Colors Of Ja Mason Dark Horizontal

jamarrett

Hi
I just subscribed as a new member and already I am contemplating to move to the ultimate plan!
However, I have a few questions on JA Mason
Q1 ) What css changes do I have to make to change he JA Masthead color ( and in which file ) ?
Q2 ) What css changes to change background color of site ( presently black ) to my own choice ( which file ) ?
Q3 ) What css changes to change the yellow higlight that appear in the buttons, underlines etc ( which file ) ?
Q4 ) What css changes to change color of text headers ( presently white ) and change the grey color of text used throughout the website ( and which file ) ?
Q5) How do I remove the T3 Framework block appearing at the end of the home page ?

Thanks in advance

saguaros

jamarrett
Hi,

If you're familiar with CSS, you can create a new CSS file called custom.css in this directory: root/templates/ja_mason/css/custom.css and add my suggestion below into this file

Q1, Q2: you can use this custom CSS:

div.t3-wrapper {
    background: #1c1c1c;   /*change to your desired color*/
}

Q3:

.btn-default.btn-sp:hover::before {
    background: #fff; /*change to your desired color*/
}

Q4:

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
 color: #ffffff; /*change to your desired color*/
}

Q5: You can go to backend > Extensions > Templates > JA Mason template style > disable Show T3 logo option: http://prntscr.com/jqjgwc

jamarrett

Thank you so much for the prompt reply .
I created the custom.css file and moved it to the JA Mason's css folder.
It has changed only part of the background of the whole template ie
my custom css is :

div.t3-wrapper {
background: #263750; /change to your desired color/
}

.btn-default.btn-sp:hover::before {
background: #fff; /change to your desired color/
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
color: #ffffff; /change to your desired color/
}

In effect , I only changed #1c1c1c to #263750

You can see the partial change in the attachment .

Thanks once again . I am learning fast but still need some hand holding 🙂

saguaros

jamarrett
You can share the credentials of your site so I will have a closer look and check for you.

jamarrett

Hi
Have shared the details .
Thanks

jamarrett

Hi
I see the credentials appearing at the top of the post .Am I the only one who can see it or can other JA customers can access it ?

saguaros

jamarrett .Am I the only one who can see it or can other JA customers can access it ?

Hi,

You and Moderators can see this info only.

It seems that you want to change the yellow color (ffc400) globally, the best way is making changes via the LESS file:
- Take a backup of your site
- Open this LESS file: root/templates/ja_mason/less/variables.less
- Look for this declaration:

// Brand colors
// -------------------------

@brand-primary:         #ffc400;
@brand-secondary:       #428bca; // T3 Note: Add secondary color
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;

and change the variable: @brand-primary: #ffc400; to your desired color

Then go to backend of your site > Extensions > Templates > JA Mason template style > hit the LESS to CSS button: http://prntscr.com/jqxtxf

Again, remember to backup your site as when compiling less to css, all current css files will be overwritten.

Regards

paulus1031

Before I suggest some css - just to let you know I turrned off css / js compression - these settings are in the general tab if you want to re-enable them

Disabling css compression is needed for css questions

paulus1031

If you add this style does it cover areas you don't want to change?

.t3-section:before {
background: #263750;
}

jamarrett

paulus1031

Thanks..yes the blue covers all the areas I want .

paulus1031

Are you familiar with theme magic when looking to change the menu link colour?

Do you want the menu link colour to be a certain colour and content links be a different colour?

Cheers
Paul

jamarrett

saguaros
Hi
Thanks for the reply. I tried it and it helps me to change the color of the highlight.

However, I have 2 other questions (which I have attached screenshots so as to better understand my query )

Q1 ) How do I change the size and type of fonts for the headers on the home page

Q2 ) How do I change the type of fonts and size for articles ?

Q3 ) Can I assume that Google Fonts is the default so I can use any fonts with the Google Font library ?

Thanks again

paulus1031

Thanks for the update

Are all questions resolved?

Cheers
Paul

jamarrett

I have a message to update the T3 framework.When I click on the link it brings me to :
https://www.joomlart.com/update-steps
However, this page recommends the installation of JA Extension Manager .

My question is if I install JA Extension Manager , I assume that ( if I follow the steps detailed inthe linj above ) that it will replace the native Joomla Extension manager .

But can the JA Extension Manager also install any Joomla extensions , not just from JA ?

Thanks

saguaros

jamarrett

Hi,

For the new question, pls help to create a new discussion for it.

And you should separate your questions in different discussion, it would be helpful for other people if they have the same concern.

Thanks!