Joomla Templates Club 406,261 posts

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#721611

Hi

I like the fixel Template a lot but sometimes it’s really hard to customize the style. 😉
Ok. Right now i want to change the Megamenu-Style and the hover-behaviour.

Where can i change (disable) the hover Animation, for example?

Thank you
Chris

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

#721642

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as Temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

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

#753826

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as Temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#721654

Thank you tom

Here is the URL
http://tisato.komekom.ch

Another Question:
I have a white Background. How can i avoid the grey Background when the fixel-blog- style is loading?
I couldn’t find the style.

Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#753838

Thank you tom

Here is the URL
http://tisato.komekom.ch

Another Question:
I have a white Background. How can i avoid the grey Background when the fixel-blog- style is loading?
I couldn’t find the style.

Chris

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

#721659

To eliminate the animation effect on mouseover . . .

Within file path —> /templates/ja_fixel/local/css/themes/light/template.css
at line 1858, modify as follows:


.t3-mainnav .navbar .nav > li > a::after {
background: #eee none repeat scroll 0 0;
bottom: 15px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: none;
width: 0;
}

If you don’t want the underline effect at all, then look to line 6596 (same file path as above)
and modify as follows:


.t3-mainnav .navbar .nav > li > a:hover::after, .t3-mainnav .navbar .nav > li > a:focus::after, .t3-mainnav .navbar .nav > li > a:active::after {
background: none;
opacity: 1;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. galbur

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

#753843

To eliminate the animation effect on mouseover . . .

Within file path —> /templates/ja_fixel/local/css/themes/light/template.css
at line 1858, modify as follows:


.t3-mainnav .navbar .nav > li > a::after {
background: #eee none repeat scroll 0 0;
bottom: 15px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: none;
width: 0;
}

If you don’t want the underline effect at all, then look to line 6596 (same file path as above)
and modify as follows:


.t3-mainnav .navbar .nav > li > a:hover::after, .t3-mainnav .navbar .nav > li > a:focus::after, .t3-mainnav .navbar .nav > li > a:active::after {
background: none;
opacity: 1;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. galbur

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

#721660

<em>@galbur 500953 wrote:</em><blockquote>
Another Question:
I have a white Background. How can i avoid the grey Background when the fixel-blog- style is loading?
I couldn’t find the style.

Chris</blockquote>

Where/How is this grey background occurring?

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

#753844

<em>@galbur 500953 wrote:</em><blockquote>
Another Question:
I have a white Background. How can i avoid the grey Background when the fixel-blog- style is loading?
I couldn’t find the style.

Chris</blockquote>

Where/How is this grey background occurring?

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#721666

Thank you very much tom

I will try to handle the main navigation.

The other question:

When i use the home-button it loads and i can see this grey rectangular during loading..

Best regards
Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#753850

Thank you very much tom

I will try to handle the main navigation.

The other question:

When i use the home-button it loads and i can see this grey rectangular during loading..

Best regards
Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#721740

Hi tom

Thank you for the code. I struggled around, several time. Then i realized there is maybe a fault in the code?
li > a::after instead of li > a:after.

Ok. Now it looks better but there is still an underline when i leave the main menulink. And there is this “caret” sign and i want to set it hidden.

Best regards
Chriss

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#753898

Hi tom

Thank you for the code. I struggled around, several time. Then i realized there is maybe a fault in the code?
li > a::after instead of li > a:after.

Ok. Now it looks better but there is still an underline when i leave the main menulink. And there is this “caret” sign and i want to set it hidden.

Actually the Navigation should look like this:

and

On Hover / Active Status, the Men?-Link should move to the right and show this little underscore sign.

Best regards
Chriss

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

#723602

<em>@galbur 500968 wrote:</em><blockquote>Thank you very much tom

I will try to handle the main navigation.

The other question:

When i use the home-button it loads and i can see this grey rectangular during loading..

Best regards
Chris</blockquote>

You can change the background color loading as

+ Open templates/ja_fixel/local/css/themes/light/template.css file and change with my highlight text

#fixel-placeholder {
position: relative;
background: #eee;
}

1 user says Thank You to Ninja Lead for this useful post

1. TomC

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

#754132

<em>@galbur 500968 wrote:</em><blockquote>Thank you very much tom

I will try to handle the main navigation.

The other question:

When i use the home-button it loads and i can see this grey rectangular during loading..

Best regards
Chris</blockquote>

You can change the background color loading as

+ Open templates/ja_fixel/local/css/themes/light/template.css file and change with my highlight text

#fixel-placeholder {
position: relative;
background: #eee;
}

1 user says Thank You to Ninja Lead for this useful post

1. TomC

[Author]

Posts