Pink Color

Hi Guys,

How can i change the pink color ??
Links, Background, Etc...

Regards

Hi,
you don't like pink color, shame of you.
hehe.
In template settings you can choose different color style, it shouldn't be pink all the time.

Thank you

but in which part?

Upsss, it will be added in future version, you're right. Right now hard core only.

This pink big background is a dummy image :
templates/gk_quark_J3/images/demo/header_bg.jpg

Backgrounds are a demo content images and are located under the yourdomain.com/images/demo directory. The main theme color can be changed in the less/variables.less file inside the template directory (it is defined as a @primary_color). Please remember to enable parsing LESS files under the template settings after applying this change. Please also remember that parsing less files will override your CSS changes as it generates a new CSS files.

If you didn't work with LESS earlier - please read: https://demo.gavick.com/joomla3/quark/t ... ess-parser

Hello,

sorry this is not my post, but problem is similar..

I replaced template/images/header_bg.jpg :width:1400px image, but template generating style: .header no-image and ignores that jpg file.
How i can fix this?

Could you provide an URL to your website?

http://darguziai.com/

What i try to reach, is similar header image, like in gavick.com home page.

You have to specify the image for the displayed category - it will be used in the header.

This is not category, this is featured articles menu option with name: testas, or i misunderstand something?

It works for categories, yes.. But i need set one to start page too..

You cannot set image for the header in the featured articles section, because joomla doesn't offer option for it.

Thank you for answer.

Can you tell, is there, and if it is, what module is used to set a picture in header in my situation?
Or there is manual css editing approach?
I mean what is used in gavick.com?

On this kind of pages currently you cannot use the header modules - we will add this feature in v.1.1.0 or in v.1.1.1. But I have an idea for a solution in your case.

1) Please assign a frontpage page suffix to your homepage menu item under the Features tab in the template settings
2) Please add the following code in the Custom CSS code option under the advanced settings tab inside the template settings:

Code: Select all

.frontpage #comContentContainer .header.no-image {
   background: transparent url(URL_TO_YOUR_IMAGE) no-repeat center center;
   background-position: cover;
}

I have a similar problem,
in addition to the animated header in the letters fade and are no longer visible.

page URL: http://egstecnologia.com/index.php/softrestaurant

I hope you can help me,

Thank You

@carloshedzm - first of all please switch all NSP GK5 instances to use jQuery engine instead of mootools.

Hello, thank you very much for your answer.

Now change NSPGK5 to Jquery.

who else should I do?

Greetings.

You have a wrong structure in the header - the image is inside <p> tag, and the h1,h2 and p paragrahps should be inside the <div class="gkPage"> container.

Please compare a HTML of your header with this original one:

Code: Select all

<img src="images/demo/header_bg.jpg" alt="" class="parallax-img" />
<div class="gkPage">
     <h1 data-sr="enter bottom and move 50px">Product Landing Page theme</h1>
     <h2 data-sr="enter bottom and move 50px and wait .2s">Advanced, unique and powerful premium theme</h2>
     <a href="#" class="dark btn-border" data-sr="enter bottom and move 50px and wait .3s">Learn more</a>
</div>
<span class="mouse-icon"><span><span></span></span></span>

On this kind of pages currently you cannot use the header modules - we will add this feature in v.1.1.0 or in v.1.1.1. But I have an idea for a solution in your case.

1) Please assign a frontpage page suffix to your homepage menu item under the Features tab in the template settings
2) Please add the following code in the Custom CSS code option under the advanced settings tab inside the template settings:

Code: Select all

.frontpage #comContentContainer .header.no-image {
   background: transparent url(URL_TO_YOUR_IMAGE) no-repeat center center;
   background-position: cover;
}

Thank you for idea.
I try'ed this, and with no luck, so i just edited template.css to have it instead of color.

Thank you for the tip.