The color code in the main menu

No problem at all.

See you around...

How do I create a "back to top" link for an article/page-see attachment.

Click on 5th icon underneath font family to see source code of your article and add below code right at the end.

Code: Select all

<p class="backtotop"><a href="#gkComponent">Back to top</a></p>


If you want to use styles you can use following. Please add them in override.css file.
To move it right side use below

Code: Select all

.backtotop { float:right; }


To change font color refer to below code

Code: Select all

.backtotop a { color:#000; }


You can do more style changes by using css parameters on below css class. such as backgrounds, making text uppercase or lowercase, change font size etc etc.

Code: Select all

.backtotop { }
.backtotop a { }
.backtotop a:hover { }


The icon you have marked on your image are called Anchors. If you use that in your article then you won't see your article title as page will come up until that anchor you placed.

However for your future reference here is how it works.
Where ever you want to add a Anchor mark it with your mouse or bring cursor to that point.
Click on Anchor icon which you have marked in editor.
You will get a popup asking for name. Simply name it what you like , such as "top".
In html code it will be like this. <a name="top"></a>
Now put your cursor where you want to see "Backtotop" text ( in your case at the bottom of article ) and click on link icon in editor. In popup window you will see link and name for your link (depending on editors) use "#top" (without quotes) as a link and "Back to top" as text ( without quotes ). and in html code this would be <a href="#top">Back to top</a>

You can use Anchors to bring attention to certain parts or important sections in your long articles.

Hope you find this useful. See you around...

Click on 5th icon underneath font family to see source code of your article and add below code right at the end.

Code: Select all

<p class="backtotop"><a href="#gkComponent">Back to top</a></p>


If you want to use styles you can use following. Please add them in override.css file.
To move it right side use below

Code: Select all

.backtotop { float:right; }


To change font color refer to below code

Code: Select all

.backtotop a { color:#000; }


You can do more style changes by using css parameters on below css class. such as backgrounds, making text uppercase or lowercase, change font size etc etc.

Code: Select all

.backtotop { }
.backtotop a { }
.backtotop a:hover { }


The icon you have marked on your image are called Anchors. If you use that in your article then you won't see your article title as page will come up until that anchor you placed.

However for your future reference here is how it works.
Where ever you want to add a Anchor mark it with your mouse or bring cursor to that point.
Click on Anchor icon which you have marked in editor.
You will get a popup asking for name. Simply name it what you like , such as "top".
In html code it will be like this. <a name="top"></a>
Now put your cursor where you want to see "Backtotop" text ( in your case at the bottom of article ) and click on link icon in editor. In popup window you will see link and name for your link (depending on editors) use "#top" (without quotes) as a link and "Back to top" as text ( without quotes ). and in html code this would be <a href="#top">Back to top</a>

You can use Anchors to bring attention to certain parts or important sections in your long articles.

Hope you find this useful. See you around...

You Gavick folks are the best, everything you mentioned works perfectly and thanks .

No problem at all.

See you around...

Hi it is #689FD8. Try install firebug it is extension for mozilla. Very helpfull tool to check things like you request.

Hey Konrad,

Where do I go to change or adjust this color in the main menu in this template. Thanks.

You want to change menu item color or background?

You want to change menu item color or background?

Konrad,

I am sorry I was not clear, I want to change the main menu and the dropdown hover color. Where do I go to do that?. Thanks

I couldn't find url to your site, can you post it again, please.

I couldn't find url to your site, can you post it again, please.

Konard,

Its www.ejcsda.com

Try add to override.css

Code: Select all

#gkMainMenu > div > ul > li:hover > a, #gkMainMenu > div > ul > li:active > a, #gkMainMenu > div > ul > li:focus > a {
color:#689FD8;
}
#gkMainMenu > div > ul div.childcontent li.active > a, #gkMainMenu > div > ul div.childcontent li.active > span, #gkMainMenu > div > ul div.childcontent li:hover > a, #gkMainMenu > div > ul div.childcontent li:hover > span, #gkMainMenu > div > ul div.childcontent li > a:hover, #gkMainMenu > div > ul div.childcontent li > span:hover, #gkMainMenu > div > ul div.childcontent li.active > a > span, #gkMainMenu > div > ul div.childcontent li.active > span > span, #gkMainMenu > div > ul div.childcontent li:hover > a > span, #gkMainMenu > div > ul div.childcontent li:hover > span > span, #gkMainMenu > div > ul div.childcontent li > a:hover > span, #gkMainMenu > div > ul div.childcontent li > span:hover > span {
background:#689FD8;
}


and chagne color value. Of course remember to enable ovoerride.css option in template settings.

Try add to override.css

Code: Select all

#gkMainMenu > div > ul > li:hover > a, #gkMainMenu > div > ul > li:active > a, #gkMainMenu > div > ul > li:focus > a {
color:#689FD8;
}
#gkMainMenu > div > ul div.childcontent li.active > a, #gkMainMenu > div > ul div.childcontent li.active > span, #gkMainMenu > div > ul div.childcontent li:hover > a, #gkMainMenu > div > ul div.childcontent li:hover > span, #gkMainMenu > div > ul div.childcontent li > a:hover, #gkMainMenu > div > ul div.childcontent li > span:hover, #gkMainMenu > div > ul div.childcontent li.active > a > span, #gkMainMenu > div > ul div.childcontent li.active > span > span, #gkMainMenu > div > ul div.childcontent li:hover > a > span, #gkMainMenu > div > ul div.childcontent li:hover > span > span, #gkMainMenu > div > ul div.childcontent li > a:hover > span, #gkMainMenu > div > ul div.childcontent li > span:hover > span {
background:#689FD8;
}


and chagne color value. Of course remember to enable ovoerride.css option in template settings.

Ok I will try it, thanks

Welcome. Let me know if won't work.

Welcome. Let me know if won't work.

Hey Konrad I wanted to remove the word "article" from attachment (slide#2). When I click on a image in the slide show(slide# 1) from the home page I have it setup to connect with an article, however the article as the word "article" in it and I wanted to remove or hide it but I can't find where to do so. Please help. Thanks

No problem just give me url to article

No problem just give me url to article

Here it is:http://ejcsda.com/index.php?option=com_content&view=article&id=69:event-poster-communication-workshop&catid=2:uncategorised

You would get to this page from clicking on the image show on frontpage, then to this article. I want to know how to move the word"article" from the article page. Thanks.

Try add this to tthe override.css
[code]
.item-page h1 {
display:none;
}
[code]

Try add this to tthe override.css
[code]
.item-page h1 {
display:none;
}
[code]

Thank you , Thank you , You guys are the greatness it worked.

I'm glad I could help

I'm glad I could help

Hey Konrad where in the Mod_News_Pro GK4 do I go to take away the black boxes in attachment. Thanks.

Try disable title in this modules settings.

Try disable title in this modules settings.

Konrad, thanks but where specifically in the module do I go. See attachment.

Try disable title in this modules settings.

Konrad, thanks but where specifically in the module do I go. See attachment.

I tried to disable the title bar button in the article layout section, however the text block goes away then reappears. What I am doing wrong.

Send me PM witch access to the backend and module name you are using.

Send me PM witch access to the backend and module name you are using.

Konrad,

Due to my customer's request I cant give you backend access , thats why I sent you a pic/attachment of the module so you can see the full layout of it.

See this attachment:News-Show-Pro-GK4.png I previously sent you.

Go to 'Article layout section' at the bottom. Here you have 'Header oder' option set is as off.

Go to 'Article layout section' at the bottom. Here you have 'Header oder' option set is as off.

Thank you , thank you , thank you. Konrad yo are the best. Oh it works....lol

Great. Have a nice weekend

Great. Have a nice weekend

The same to you and thank you for the great work you do.

Great. Have a nice weekend

The same to you and thank you for the great work you do.

Konrad, I have been searching all over for this file. Please see attachment, I want to alter/change the wording in the circle.

Here is the link to this page:http://ejcsda.com/index.php?option=com_foxcontact&view=foxcontact&Itemid=293

This is some component you use ?

This is some component you use ?

Correct, its a component. Where so I go to change the wording in the attachment. I have looked all over the site and cant find it.

I don't know this component but I would try in lang file if exist or maybe you will need to hard code. But check in privacy policy if you can remove or change it.

I don't know this component but I would try in lang file if exist or maybe you will need to hard code. But check in privacy policy if you can remove or change it.

Ok Konrad, thanks and I will check with the policies.

Welcome

Welcome

Hey Konrad,

I have another issue that just came up,the popup effect(AcyMailing-subscribe button on homepage-www.ejcsda.com) was not working due to a javascript error caused by the script:
http://www.ejcsda.com/templates/gk_bout ... scripts.js on line 129
Can you tell me what to do to make sure there is no JS error.

The lightbox/pop-up effect is gone, when I click on the subscribe button I dont see the effect. I want to know what to do to get this eefect back. Thanks.

Did you make any update before you get this error ?

Did you make any update before you get this error ?

No, I didnt make any updates. I also noticed its only doing the error effect on the homepage. Please tell me what to do to get t back the way t was. Thanks

Check if you didn't add any third-party extension to home page. It can be some js conflict.

Check if you didn't add any third-party extension to home page. It can be some js conflict.

Konrad,

I added livestream in the beginning of development and it didnt cause any conflict. Thats the only third party I remember adding, is there a way for you to look at the homepage code and tell me whats causing the conflict.

Ok, please send me PM witch access to joomla backend.