GK Highlighter Module only works on Frontpage

hubert0070

Hi there,
The GK Highlighter Module only works on Frontpage.

in all other Sites it looks: http://prntscr.com/mmomzp

aman204

hubert0070 Try add this to override.css file (don't forget to enable override from Template Options -> Advanced tab):

.gkHighlighterWrapper .gkHighlighterItem a{background: #fff !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

hubert0070

now infos is shown on every page. but only on frontpage the highliter change the items. on every other page there is the same item

aman204

hubert0070 Try to disable JCH Optimize to troubleshoot the relative issue as it appears to create JS conflict at this juncture

hubert0070

i tried. but it do not works on other pages. only one startpage.
is it possible to use the highlighter module for breadcrump module ? if i set breadcrump to highlight position it makes breaks...

saguaros

hubert0070
Somehow I can't access your site now, could you check again?

aman204

hubert0070 is it possible to use the highlighter module for breadcrump module ? if i set breadcrump to highlight position it makes breaks...

Yes, It can be assigned to breadcrumb module position where it should work fine. Ref: Screenshot where I have assigned the specific module to respective position

hubert0070

more exactly : i want use the breadcrumb module in highlighter module position.
ONly on startsite should be the highlighter module on Higlight position - all other pages should be the breadrumb module on Highlight position.
if i activated it now it looks like: http://prntscr.com/mn76vg - they show the crumbs vertikal not horizontal

aman204

hubert0070 ONly on startsite should be the highlighter module on Higlight position - all other pages should be the breadrumb module on Highlight position. they show the crumbs vertikal not horizontal

Try add this to override.css file :

#gkHighlights:first-child {border-top: none;}
#gkHighlights .breadcrumbs {
	float: left;
	color: #999;
}
#gkHighlights .breadcrumbs li.separator {
	padding: 0 10px!important;
	width: 6px;
}
#gkHighlights .breadcrumbs li.separator i {
	color: #eb1e00;
	font-size: 4px;
	line-height: 1.6;
	position: relative;
	top: -3px;
}
#gkHighlights .breadcrumbs > ul > li {
	float: left;
	font-size: 13px;
	font-weight: 500;
	line-height: 1
}
#gkHighlights .breadcrumbs > ul > li a { font-weight: normal }

Kindly ensure to clear your browser cache if changes dont reflect.

Also, You may please ensure that your site is accessible to everyone in JA support team which would be mutually beneficial as a whole enabling us to provide expeditious resolution/response as most of the team members are located in different time zones

You may kindly also refer to our support policy as such occurrence of site not being accessible can delay response turnaround

Thanks for your understanding!

hubert0070

thank you so much. it works and looks fine. But there is one point.
i need 20px margin or padding from top. I tried to add "margin-top: 20 px" in your override or "padding-top:20px.
But it doesnt works. Can you say me where i can add a top space with 20px in the override.css. or other code for

Now it looks like: http://prntscr.com/mn8ii7
it should look like: http://prntscr.com/mn8m13

aman204

hubert0070 You may try replace this :

#gkHighlights .breadcrumbs {
	float: left;
	color: #999;
}

with

#gkHighlights .breadcrumbs {
	padding: 0 20px 0 0;
      margin: 20px;
  	float: left;
	color: #999;
}

Having made the suggested changes however files isnt being saved probably due to JCH optimize being enabled

hubert0070

i saw you have replace this. perfect. Thank you so much. You are great.