Shape 5

Joomla Templates => Oasis - Club => : terjef July 18, 2014, 01:54:02 AM

: Bold font and transparent Main menu
: terjef July 18, 2014, 01:54:02 AM

Hi.

Is it possible to make the main menu transparent (opacity 50%)?

and is it possible to make the fonts bold??

Regards
Terje

: Re: Bold font and transparent Main menu
: mikenicoll July 19, 2014, 09:51:21 PM

Hello,

1) Remove the background below:

Template.CSS - Line 516

#s5_header_area1 {
    background: url("../images/s5_menu_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 114px;
    overflow: hidden;
    width: 100%;
    z-index: 3;
}

2) Add this to the custom.css file

#s5_nav li a {
  font-weight: bold;}

-Mike

: Re: Bold font and transparent Main menu
: terjef July 20, 2014, 01:31:16 AM

Hi.

Thanx, but is it possible to have the blue square meny points transparent (opacity 50%)?

Regards
Terje

: Re: Bold font and transparent Main menu
: mikenicoll July 20, 2014, 10:38:41 PM

Hello,

If you are referring to the menu header you could add this to the custom.css file

#s5_header_area_inner {
  opacity: 0.5; !important;}

-Mike

: Re: Bold font and transparent Main menu
: terjef July 21, 2014, 02:21:52 AM

Hi again.

Not the entire header erea (the logo also gets transparent ;-)), but just the meny (se pic) ;-) (http://)

Regards
Terje

: Re: Bold font and transparent Main menu
: mikenicoll July 21, 2014, 05:14:58 PM

Hello,

Same thing just target this ID

#s5_menu_wrap {
opacity: 0.5 !important;}

-Mike

: Re: Bold font and transparent Main menu
: terjef July 21, 2014, 11:18:49 PM

HI

Thanx ;-) I see the font also get tranparent in the meny. Is there a way to keep the font at opacity: 1.0 !important;} and the menu boxes opacity: 0.5 !important;} ??

Regard
Terje

: Re: Bold font and transparent Main menu
: mikenicoll July 23, 2014, 10:54:35 PM

Hello,

No that wouldn't be possible unfortunately as they are inside the container you are giving opacity to. You can control the menu font specifically with this but both of them wont work:

#s5_nav li a {
opacity: 0.1 !important;}

: Re: Bold font and transparent Main menu
: terjef July 24, 2014, 02:53:24 AM

Ok. Thanx a lot for the help ;-)

Regards
Terje

: Re: Bold font and transparent Main menu
: mikenicoll July 24, 2014, 07:36:05 PM

No problem :)