Change color of menu bar to match logo --- or some other colour not grey

Hi

I am wondering if it is possible to change the colour of the menu bar to either match logo or another shade of blue like in the Bizway lite version.(in the Bizway Theme)

thanks

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.menu-container {
background: blue;
} 

In place "blue" you can put your color or color code.
This will solve your issue.

 

Thanks... that worked beautifully.... looks great. Now can I change the colour of the selected menu from the dull grey to a vibrant colour of my choice

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{
background: red;
} 

In place "red" you can put your color or color code.
This will solve your issue.

 

Great Piyush,

Your code worked beautifully. Now I need the background colour of the search box on the top menu to be white and writing text (what client searches for) to be black or blue

Nazia

 

Hello Nazia,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.top-search .searchform {
background: white;
}
.top-search .searchform input[type="text"] {
color: black;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Great! This worked.

Now I need to know how to do these things...are they possible... if so how

1) Change Location of Homepage Main Heading & Subheading:
============================================
I got css code to remove both the main heading and subheading (above slider) because my slider would not fit on the screen (my logo was too large). Now I would like to put back these headings but underneath the slider

2) Add text to the menu bar :
=====================
Before the search in the menu, I would like to add text (my phone number) so it is visible right on the menu

3) Adding a bullet point and <Return> in feature col desc. on home page:
===================================================
I would like to add two bullet points and each bullet point to start on a new line in the feature column description

4) Can't find code within <iframes> of Contact Page Map:
========================================
I can generate the map, but when I search the source code for <iframes> it can't find any thing.
Here is the link for the source code:
viewsource:https://www.google.com/maps/place/1...2!3m1!1s0x89d4cd8f9c1ec0af:0xe70c231643ccbe47


Thanks
Nazia
(website: bilalmirza.ca)

 

Hello Nazia,

1. Go to the front-page.php file present in your theme directory and follow the instruction shown in the image given below.







This will solve your first issue.

2. Go to the header.php file present in your theme directory and follow the instruction shown in the image given below.



3. Go to the Appearance > Theme Options > Homepage Feature Area panel in your dashboard
and paste the code given below in the Feature Description section.

Code:

<ul>
<li>Enter your first list here.</li>
<li>Enter your second list here.</li>
</ul> 

4. Go to https://maps.google.com/ and generate the map for your location.
Just copy only the iframe code i.e. code within <iframe> and </iframe>, as shown in the image given below.


And paste it in the "Contact Page Map" section ( Appearance > Theme Options > Contact Page Map panel ) in your dashboard.

This will show the map location of your business on your website.