Forum Support

Shape 5
April 18, 2021, 06:47:43 PM *
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: Touch of Soul main menu above breadcrumbs  (Read 548 times)
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« on: September 07, 2012, 10:29:10 PM »

HI Guys,
I am trying out Touch of Soul for a site and overall I am very pleased with the look, but I do not like the (main) menu above the breadcrumbs. I would like to either delete it altogether, or change the font (don't like all caps) and/or change the colours. Can you point me in the direction of doing one or all of those things? On the demo site there is an image of template positions, but this particular menu is not mentioned.
Many thanks in advance.
Blessings
Jenny
http://www.life1051.org.au/new/
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #1 on: September 10, 2012, 08:48:43 AM »

Hi Jenny

You can change the font in templates/touch_of_soul/css/s5_suckerfish.css at line 2, or you can disable the menu completely in the template settings > menu type. Simply change to "no menu".
Logged

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #2 on: November 30, 2012, 10:33:11 PM »

Hi Paul,
taken me a while, but I finally got there. I changed the colour; I changed the font from all uppercase to lowercase except the first letter; I removed it - woo hoo! (After all the coding I decided it looked too cluttered so I removed it).
The code I used ( which someone else might find useful) is:
p{text-transform:lowercase;}
p:first-letter{text-transform:uppercase;}
This replaced line 7.

Thanks so much for helping me learn Smiley
Blessings
Jenny
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: November 30, 2012, 10:57:53 PM »

Hey Jenny,

Thanks for posting the coding. Paul no longer works for Shape5 but he wishes you all the best.

In terms of your coding I would do it this way so it only applies to the main menu.

#s5_navv a {
text-transform: none;}

To change the font you would add something like this:

#s5_navv a {
text-transform: none;
font-family: Arial;}

You can adjust the menu color by changing the background here:

#s5_menu {
    background: url("../images/s5_login_bg.png") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #5B4528;
    border-right: 1px solid #5B4528;
    border-top: 1px solid #5B4528;
    float: right;
    height: 35px;
    padding-left: 13px;
    padding-right: 13px;
    width: auto;
}
« Last Edit: November 30, 2012, 11:00:26 PM by mikenicoll » 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.