Forum Support

Shape 5
March 28, 2024, 06:26:43 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Bold font and transparent Main menu  (Read 744 times)
terjef
Jr. Member
**
Offline Offline

Posts: 44



« on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: July 19, 2014, 09:51:21 PM »

Hello,

1) Remove the background below:

Code:
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

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

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
terjef
Jr. Member
**
Offline Offline

Posts: 44



« Reply #2 on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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

Code:
#s5_header_area_inner {
  opacity: 0.5; !important;}

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
terjef
Jr. Member
**
Offline Offline

Posts: 44



« Reply #4 on: 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) ;-)

Regards
Terje
« Last Edit: July 21, 2014, 02:23:35 AM by terjef » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: July 21, 2014, 05:14:58 PM »

Hello,

Same thing just target this ID

#s5_menu_wrap {
  opacity: 0.5 !important;}

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
terjef
Jr. Member
**
Offline Offline

Posts: 44



« Reply #6 on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: 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;}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
terjef
Jr. Member
**
Offline Offline

Posts: 44



« Reply #8 on: July 24, 2014, 02:53:24 AM »

Ok. Thanx a lot for the help ;-)

Regards
Terje
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: July 24, 2014, 07:36:05 PM »

No problem Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.