Author Topic: Changing the Menu Colour  (Read 17252 times)

Old Fossil

  • Guest
Changing the Menu Colour
« on: April 26, 2014, 06:04:20 PM »
if you want to change the colour of the menu this will help.

On your cpanel go into the following files.

public_html/storefront/view/default_html5/stylesheet/style.css


Look for the following and change the section I have shown in bold to the colour of your choice. You can do this either as text ie red or as the Hex code.

/* ------------ Header ------------ */
.headerstrip {
   height: 72px;
   background-color: 00a1cb;
}
/*
« Last Edit: May 05, 2014, 09:27:23 AM by Old Fossil »

Offline Advisor

  • Jr. Member
  • **
  • Posts: 53
  • Karma: +7/-4
    • View Profile
Re: Changing the Menu Colour
« Reply #1 on: May 04, 2014, 08:03:21 AM »
Thanks a lot... I was looking for that  ;)

Offline narf

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #2 on: August 12, 2014, 09:03:42 PM »
thanks for the help!  8)

Offline bubblegumweb

  • Full Member
  • ***
  • Posts: 100
  • Karma: +10/-1
    • View Profile
Re: Changing the Menu Colour
« Reply #3 on: October 20, 2014, 06:38:06 PM »
Thanks for that, I have managed to change the header color, but when I get the logo to have the same color there is always a small gap top and bottom that is still white, and no matter how I change the code in the css file it still does not fit exactly into the header, any ideas?
Regards

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1359
  • Karma: +345/-2
    • View Profile
Re: Changing the Menu Colour
« Reply #4 on: October 20, 2014, 07:02:34 PM »

Perhaps your logo is a smidge too short -  the white opening is 300 x 72  try making your logo that size.

I have a larger header space on some sites and match the header height and the logo size and it seems to work well.  It's 110 px height and I make my logos 375X110.

You can see one here:http://countrysnackbucket.com

Hope this helps you out. 
Lee



Offline Richard

  • Jr. Member
  • **
  • Posts: 53
  • Karma: +4/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #5 on: November 16, 2014, 09:52:48 PM »
Hi Lee ,

I would like to ask how do you apply shadow to the main banner ? I have highlighted the area in red as below attachment. Thanks

Richard

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1359
  • Karma: +345/-2
    • View Profile
Re: Changing the Menu Colour
« Reply #6 on: November 16, 2014, 11:58:13 PM »
I add the box-shadow: line   -  Note,  this one has also a change in the height of the headerstrip as my logos are bigger.


* ------------ Header ------------ */
.headerstrip {
    height: 110px;
    background-color: #7C2418;
    box-shadow: 0px 10px 5px #888888;

Lee
« Last Edit: November 17, 2014, 12:05:28 AM by llegrand »

Offline Richard

  • Jr. Member
  • **
  • Posts: 53
  • Karma: +4/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #7 on: November 17, 2014, 02:23:16 AM »
Thanks Lee

Offline MRCC

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #8 on: November 30, 2014, 09:24:31 PM »
I modified the style sheet as you indicated, but still have this blue color (11558f) menus and cheesy orange-red (a02a26) block titles from the original installation. I would like to change a couple of the default block titles and text colors, and remove/modify the secondary menus.

I have searched every style sheet, the store database, and the code for the entire site (using Dreamweaver), but I cannot find how to change the menu color or these other items.

yonghan

  • Guest
Re: Changing the Menu Colour
« Reply #9 on: November 30, 2014, 10:40:44 PM »
Hi MRCC,welcome aboard.
1. Please make sure that you have cleared the cache after you edit the css file.you can find it under settings-cache on admin page,check all of it and then click the clear cache button.You can search on this forum too about clearing cache.

2. Please try using firefox addon called firebug to check the element style and location for the element you want to modify.

Hope it helps.

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1359
  • Karma: +345/-2
    • View Profile
Re: Changing the Menu Colour
« Reply #10 on: December 01, 2014, 12:41:59 AM »
http://css-color-replace.orca-multimedia.de/
This posting was for changing the header strip color,  which was the original inquiry. But as you are requesting additional areas of change I will respond here.  But as a newbie,  please try to follow the board standards of one issue to a posting.  It does help for clarity and searching.

Perhaps using this for the stylesheet  global changes will get you where you want to go quicker.

Simply upload your stylesheet.css file -  pick the colors you find less objectionable and it will render the changes to the entire style sheet.
then download the changed file and upload the new stylesheet to your files thereby replacing the existing one.

Or perhaps using dreamweaver you could search for your offending colors?

Lee

PS and as Handoyo said -  welcome.

Offline ronybarne

  • Newbie
  • *
  • Posts: 16
  • Karma: +1/-1
    • View Profile
Re: Changing the Menu Colour
« Reply #11 on: March 05, 2015, 06:53:02 AM »
That's nice! People with no knowledge about coding can also avail help from this. Thanks for sharing! :)

Offline mykidz

  • Newbie
  • *
  • Posts: 27
  • Karma: +2/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #12 on: March 07, 2015, 05:50:15 AM »
Hi! Thanks for sharing. I already managed to change the top menu color. But the "HOME" button, "ADD TO THE CART" button still in blue color. How do I change it? I wish to change them same like the top menu button color. TQ in advance.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 3728
  • Karma: +184/-0
    • View Profile
Re: Changing the Menu Colour
« Reply #13 on: March 09, 2015, 01:36:04 AM »
Hello

Please check css to change styles. I suggest you use a browser debugger, like Firebug in Firefox. This will help you inspect what to modify and where to change css.
“Chuck Norris is so amazing.”
― Mother Teresa

Offline ronybarne

  • Newbie
  • *
  • Posts: 16
  • Karma: +1/-1
    • View Profile
Re: Changing the Menu Colour
« Reply #14 on: March 11, 2015, 07:56:17 AM »
That's great! Will definitely try to change it with CSS. Can I work on Chrome?