Howdy,
good idea, but now the promobox (see above) does not get any CSS formating.
The css styling of the promobox has now moved to the next element (first column)…

My Quick CSS content:

.page-id-734 .content { padding-top: 0; }

#av_section_1 .container { width: 100%; }

body .container_wrap .avia-builder-el-first {
background-color: #3C3C3C;
color: white;}
.av_promobox { max-width: 100%;
padding: 15px 30px; }
.avia-promocontent p {
font-size: 18px;
}

I assume the promobox is not “.avia-builder-el-first” any more…?

Can you help?

Hi – Thanks a lot, that worked by adjusting the padding and font-size. Thank you!

Thanks! – So there is a question:
When we originally asked how to change the size in the main navigation you gave this:
.main_menu ul:first-child > li > a { font-size: 14px; }

2. In your support we additionally found this for the main navigation (which also works):
#top .main_menu ul.menu li > a { font-size: 14px; }

what is the difference?

3. now you have given this for the drop down menu (It works nicely without changing the additional navigation – thanks! (non-fixed header with additional navigation))
#top .main_menu .menu li ul a { font-size: 14px; }

is 2. ok to use or is there a cleaner script?

It would be great if you would post a list of the main css elements so we can leave you in peace for more complex issues.
sometimes inspecting the elements does not work so easily.

Thanks – still cannot find where to change the font-size of the drop-down menu items. (inspected elements to find css style)

sorry i have 1 more question.
in text block Face, if I add this shortcode, the image below that becomes left centered somehow.
If i delete this shortcode, it’s back to center.

[av_button label='Learn More' link='page,8' link_target='' color='orange' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue832' font='entypo-fontello']

thanks in advance.

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, 5 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/