Public Forums 71,145 posts

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#195963

When I set a menu item to “text seperator the style changes completely:
http://www.fintan-gastro-consulting.ch/Fintan_Test_J3/

Where can I edit this behavior?

Also where can I set the colors and box frame sizes for the drop down menues?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527459

For text seperator fix

Go to this File: /templates/purity_iii/css/themes/fintan/template.css

Add this code :


.nav li .separator {
color: #248f07 ;
text-transform: uppercase;
}

.nav li .separator:hover {
color: #248f07 ;
text-transform: uppercase;
-webkit-box-shadow:inset 0 -2px 0 #248f07 ;
box-shadow:inset 0 -2px 0 #248f07 ;
}


For Dropdown style changes, you can edit the css in this file :

/templates/purity_iii/css/themes/fintan/megamenu.css

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#527462

Thank you. I’ll try that when I am finished FTP uploading some other site.

Do I turn dev mode “on” in the templpate?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527468

yes, once you get all the work completed in the website. you can turn off

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#527471

I am confused, with dev on my firebig points to:
templates.purity_iii.less.navigation.less.css

Line 57

not template.css

When I make the changes to
templates.purity_iii.less.navigation.less.css

It borks my navbar completely.

So I took the changes out again.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527548

I have disabled compress optimization. so you can use firebug and know where actual css persists.

disabling compress optimization can only be done by making development OFF.

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#527601

<em>@Chavan 417414 wrote:</em><blockquote>I have disabled compress optimization. so you can use firebug and know where actual css persists.

disabling compress optimization can only be done by making development OFF.</blockquote>

Okay I applied your changes and they sort of work, but the alignment is wrong. Not sure how to fix that. My css is rudementary.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527631

Go to this File:templates/purity_iii/css/themes/fintan/template.css

Replace this code


.nav li .separator {
color: #248f07 ;
text-transform: uppercase;
}


With


.nav li .separator {
color: #248f07 ;
text-transform: uppercase;
line-height:55px;
}


1 user says Thank You to chavan for this useful post

1. fintan

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#527632

Great Thank you 🙂

[Author]

Posts