Public Forums 71,145 posts

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#194024

I searched the T3 site, here and everywhere.

How do I change the colors in Mega Menu.

Any suggestions are appreciated.

Thank you,

Arthur Johnston

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#519679

Hi Arthur,

Try to follow this tip mentioned in this thread: http://www.joomlart.com/forums/topic/how-can-i-reduce-margin-between-features-blog-and-sidebar-1/#post-517130

If it’s hard, you can post your site’s URL here and turn off Optimize CSS option in template manager to No

Regards

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#519723

please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings – so we can take a look

1 user says Thank You to TomC for this useful post

1. arthurjohnston

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#519775

Thank you, but I do not have access to that link. :((

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#519788

Hi Arthur,

Here is the tip:
<em>@Saguaros 404185 wrote:</em><blockquote>
You can easily develop your site using Google chrome inspect element or Firebug for Firefox. What we usually do is to set Optimize CSS in Template manager to No, then hover on any HTML element you want, right click on it and then click on inspect element, it will show you which CSS class it is using, which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change.

Actually, the above CSS class belongs to different file(s), however I highly recommend you create a custom.css file into your template css folder to store any customization you might have. This file is specifically intended to keep those customization in case you update your site later on.

We have a wiki guide how to use Firebug at: http://wiki.joomlart.com/wiki/JA_T3_Framework_2/FAQs#How_to_use_Firebug
</blockquote>

1 user says Thank You to Nazario A for this useful post

1. arthurjohnston

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#519842

<em>@Nazario A 407596 wrote:</em><blockquote>Hi Arthur,

Here is the tip:</blockquote>

Thank you, I have used Firefox with Firebug, for some length of time.

My issue is that creating themes has substantially changed between T3 Framework version 1.4.x with Bootstrap 2 and T3 v2.0.1 Bootstrap3.

But those changes do not appear to be documented. Meaning, that what worked in T3 v1.4 does not work with T3 v2.0.1.

Any suggestions where I can locate the differences between v1.4 and 2.01.1?

Thank you,

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#519963

Hi Arthur,

Please try to check out documentation: T3 Version 2.1.0 and T3 Framework version 1.4.x (T3 Bootstrap 2 Blank template)

And let me know how you’re trying to achieve in details, I will help you out.

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#520306

<em>@Nazario A 407843 wrote:</em><blockquote>Hi Arthur,

Please try to check out documentation: T3 Version 2.1.0 and T3 Framework version 1.4.x (T3 Bootstrap 2 Blank template)

And let me know how you’re trying to achieve in details, I will help you out.</blockquote>

I discovered that “custom.css” must be placed in the “template/css” directory to be effective.

As a result, it is impossible to apply a “Theme” to Mega Menu.

Is there an alternate method to apply a Theme to Mega Menu?

Also, how can I change the color of the font for the Mega Menu without changing the color of the font for the entire template?

Thank you again.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#521064

@arthurjohnston,

<blockquote>I discovered that “custom.css” must be placed in the “template/css” directory to be effective.

As a result, it is impossible to apply a “Theme” to Mega Menu.

Is there an alternate method to apply a Theme to Mega Menu?</blockquote>

How do you want to customize for Mega Menu ?

<blockquote>Also, how can I change the color of the font for the Mega Menu without changing the color of the font for the entire template?</blockquote>
Did you want to as this image ?

You can add this code to file /templates/your_template/css/custom.css (if file not exist, please create it)

.navbar-default .navbar-nav > li > a
color: red;
}

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. arthurjohnston

[Author]

Posts