Hi Yigit, I followed your instructions and I’m still getting the white gap at the right of the menu now on Chrome, IE and FF.

Do I need to open another topic to learn how to modify submenus width, background color and font size?

Thanks in advance.

• This reply was modified 12 years, 3 months ago by jorgepelaez.

Hello everybody,

I’m on that client again now and still have the following issues:

HEADER:

– I’m using a non-fixed-header. The logo should be above the header. With the CSS code you gave me, there is way too much space between the logo, the nav-menu items and the content below. And there is a separator between the logo and the nav-menu (please see the current site)
– the highlighted menu item (e.g. “angebot” when selected) should come in orange. The other menu items should stay grey
– I would like to remove the colored small line under the selected menu item
– I would like to add a small image to the header. It should be aligned right and linked to the contact (“kontakt”) page

FONT:

– The font style is too strong for the client’s taste. I tried to reduce it from 600 down to 500. But it appears to be only strong or not. Any other possibility?
– I’d like to have two different font sizes in one line. How would I do that? E.g. “profile | SKCC” -> “profile” should come in 16px and “SKCC” in 30px
– I’d like to highlight text with a specific color. Is it possible?

LINKS:

– can I remove the animated enfold arrow which appears when I mouse over a linked image

The temporary website:
http://webigami.de/skcc

I really appreciate your help! Thak you all so much!!!! :)

Cheers,
Jan

Lieber Peter
Hey vielen Dank für die super schnelle Antwort!
Punkt 1) scheints nicht zu brauchen, bewirkt meiner Ansicht nach nichts
Punkt 2) hat geholften, die Bilder springen nicht mehr :-) super!
mit Punkt 3) meinte ich den Effekt wenn der Cursor das Bild berührt wird das Bild milchig und ein Pfeil erscheint als Zeichen dass das Bild verlinkt ist.

Noch lieber würde ich jedoch die GANZE Iconbox verlinken. Ist das möglich? und eben ohne dass auf den Bildern dieser Pfeil erscheint aber der Cursor sich ändert.
Vielen Dank für Deine Bemühungen. Habe schon im Forum gesucht jedoch nichts passendens gefunden das ich verstanden hätte ;-)

Neue Frage: Die Überschriften erscheinen mir sehr gross! H1 etc… kann ich irgendwo die Grösse einstellen? Vorallem für das *special heading”. Bis jetzt machte ich das mit “<span style=”font-size:65%”>Überschrift Text</span><br />. direkt in der Zeile, das ist jedoch nicht so praktisch…

Liebe Grüsse
Daniel

Yes, that works ;) have added this to the custom.css though; you may want to know that the default template as being downloaded yesterday does have this megamenu issue; as for fontsize as well as for the padding.

Thanks for your help. However, I’m still having trouble with items 3 & 4.

If you notice in my screengrab, the font color of the drop-down menu items didn’t change when static. The hover color change did work though. Can you please see why the static color didn’t change? Also, how can I make the hove font be bold as well?

Lastly, if you look closely, you’ll see the trim changed to the right color, but now it’s too short. It used to be perfect on all except one menu item, but now it’s different sizes throughout.

My website is located at http://shiaunycspine.com/dev/

I have so far been unable to get it to adjust the size, and that has been the problem. It seems to want to override the size and the font-weight, but I will try your code with the size amended.

Code:

[av_one_half first]
[av_icon_box icon='ue800' font='entypo-fontello' position='top' title='Portraits' link='post,4291' linktarget='']
TEXT
[av_one_full first]
[av_button label='Zur Galerie' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[av_button label='Angebot / Preise' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[/av_one_full]
[av_hr class='invisible' height='1' shadow='no-shadow' position='center']
[/av_icon_box]
[/av_one_half]

[av_one_half]
[av_icon_box icon='ue800' font='entypo-fontello' position='top' title='Portraits' link='post,4291' linktarget='']
TEXT
[av_one_full first]
[av_button label='Zur Galerie' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[av_button label='Angebot / Preise' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[/av_one_full]
[av_hr class='invisible' height='1' shadow='no-shadow' position='center']
[/av_icon_box]
[/av_one_half]

[av_one_half first]
[av_icon_box icon='ue800' font='entypo-fontello' position='top' title='Portraits' link='post,4291' linktarget='']
TEXT
[av_one_full first]
[av_button label='Zur Galerie' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[av_button label='Angebot / Preise' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[/av_one_full]
[av_hr class='invisible' height='1' shadow='no-shadow' position='center']
[/av_icon_box]
[/av_one_half]

[av_one_half]
[av_icon_box icon='ue800' font='entypo-fontello' position='top' title='Portraits' link='post,4291' linktarget='']
TEXT
[av_one_full first]
[av_button label='Zur Galerie' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[av_button label='Angebot / Preise' link='manually,http://' link_target='' color='grey' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue80f' font='entypo-fontello']
[/av_one_full]
[av_hr class='invisible' height='1' shadow='no-shadow' position='center']
[/av_icon_box]
[/av_one_half]

• This reply was modified 12 years, 4 months ago by kaMai.

Okay i found the fontsize, but now the spacing is still off, I used the following in the custom.css to get the font smaller; but what do i need to set for the spacing ?

#top #header .mega_menu_title a { font-size: 12px; min-height: 8px;}

Example of the issue (screenshot) : http://www.prtsc.nl/clip/040Image-500012013×1000150001-52-i001.png

• This reply was modified 12 years, 4 months ago by 040hosting. Reason: added screenshot for clarification

Thanks Yigit for the super-fast response! Most of this worked. Just a couple follow-up questions.

For the tabs, I don’t want to change the text in the content of the tabs. I want to change the size & color of the text in the tab header itself.

As for the navbar menu, that works great. I’ve been able to make the text larger and a color of my choice. Now how do I define the rollover/mouseover color?

Which text are you look at on my site?

Please write the text, so I know which one to look at. Because some text are created using a H2 and some are with H3. The code

.title_container .main-title {
font-size: 16px;
line-height: 2.3em;
font-weight: 400;
}

Which H tag should it be used for? H1, H2, H3 or?