[Dave39713971]

Hello – promise I’ve looked through all the posts and haven’t found answers yet. I just bought CatchBox pro and have 2 quick questions. My site is DecorDude.com

1. How do I make the menu bar options (Home Decor, DIY Projects, Gift Ideas) bold?

2. How do I get rid of the lines in between the different menu options? I want to try and make it one solid bar so it looks nicer. If I can’t get rid of the lines in between menu options, maybe I can change them to the same color as the menu (#87240f)?

Many Thanks!

-Dave

[Sakin]

@Dave39713971:
1. How do I make the menu bar options (Home Decor, DIY Projects, Gift Ideas) bold?
— Just add the following css in “Appearance => Theme Options => Custom CSS”

#branding ul.menu a {
    font-weight: bold;
}

2. How do I get rid of the lines in between the different menu options? I want to try and make it one solid bar so it looks nicer. If I can’t get rid of the lines in between menu options, maybe I can change them to the same color as the menu (#87240f)?
— You can change the border color of menu by adding the following css in “Appearance => Theme Options => Custom CSS”

#branding ul.menu li {
    border-right: 1px solid #87240f;
}

[cess2000]

Hi,

I want to change the menu bar color. How do I do that?

Thanks,

My URL is teenagesons.com

[Dave39713971]

Thanks so much Sakin – your quick response to questions makes my purchase very much worth it, and I’m one happy customer! Both custom CSS worked. Many thanks.

-Dave

[Sakin]

#Dave39713971: Thanks for your appreciation Dave.

[Sakin]

@cess2000: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to change the background color of menu. You can add the color code as per you need.

#branding #access {
    background: none #000000;
}

But for these type of color changes, it will be better to upgrade to Catch Box Pro theme. In Catch Box Pro theme, there is color picker in Theme Options panel to change the various elements. See the additional features added in pro version here http://catchthemes.com/theme-instructions/catch-box-pro/

[Cassandra]

Hey Sakin,

can I also remove the complete line around the menu bar?
And can I remove the thin black/grey line at the very top of page?
asolidlife.de

Thank you
Cassandra

[Sakin]

@Cassandra:
can I also remove the complete line around the menu bar?
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header #mainmenu { border: none; }

And can I remove the thin black/grey line at the very top of page?
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header .top-bg { display: none; }

[Cassandra]

Thanks Sakin ;)!

[Cassandra]

I’m so sorry I have another one :
How can I change the background of my main menu in the header?
I don’t want in to appear in this dark grey when you click on it, instead I want it to be white..

Thanks again!

[Sakin]

@Cassandra: You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#header #mainmenu ul li a:hover, #header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-parent a, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li.current_page_ancestor a, #header #mainmenu ul li:hover > a {
    background-color: #fff;
    color: #444;
}

[Cassandra]

First: thank you for helping me that quick!
Burt the submenue still appears in that dark grey. Can I change that too?

[Sakin]

@Cassandra: Yes try adding in the following css.

#header #mainmenu ul li ul { background-color: #fff; }
#header #mainmenu ul li ul li a { background-color: #fff; }

[Dave39713971]

Hi Sakin – wanted to reach out and see if you knew the code I could put in to spread out my menu bar options:

decordude.com

Just want to make the menu selections (nice homes, cool products, giveaways, etc.) spread out so they look even on the page.

I saw somewhere that you had helped someone do it, but wasn’t sure of the code. Thanks in advance! 🙂

[Dave39713971]

Or “centered,” whichever makes sense. Thanks again!

[Sakin]

@Dave39713971: Not sure about that. But let’s try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#branding ul.menu li { display: inline-block; float: none; }
#branding #access { text-align: center; }
#branding ul.menu ul a { text-align: left; }

[Dave39713971]

that worked perfectly: decordude.com

Many thanks again!

[Author]

Posts