[Doren]

Hi,

How do I change the background text box color for these 3 items:

Homepage Headline
Copyright
Slider

Thank you!

[Doren]

I’m sorry, but I wasn’t referring to the background under the menu items. I was referring to the Homepage Headline box. Thank you.

[Sakin]

@Doren: Can you post in your site URL? Also did you check in the “Appearance => Theme Options => Color Options” in your theme. There you have detail color options.

[Doren]

I can post the link, but I haven’t done anything to the Catch Kathmandu Pro theme yet, so there’s nothing that’s different than the defaults at this point. So it looks exactly like this: http://catchthemes.com/demo/catch-kathmandu/ And I’ve already checked all the Color Options and there are several, but there’s none to configure those 3 things that I can find. Any suggestions would be great. Thanks for responding!

[Sakin]

@Doren: There is color options for those elements.
Go to “Appearance => Theme Options => Color Options => Site Color Options”, there you can change
1. Homepage Headline Background Color: for Homepage Headline background
2. Footer Background Color: for Copyright background
3. For Slider background color, you can change the color code in following css and add it in “Appearance => Theme Options => Custom CSS” box.
#main-slider { background-color: #21759b; }

[Doren]

I feel like such the idiot for overlooking those 2 settings. Thank you for pointing them out. So sorry for the aggravation. I can’t get your custom CSS code to work for the Slider though. And I think you told someone previously how to change the colors of the thin bars on the top/bottom of the boxes too if I remember correctly. Just gotta search for those again. Any other suggestions for the Slider? Thank you!

[Sakin]

@Doren: For slider that css should work, but if you are talking about slider text box then you can add the following css
#main-slider .entry-container { background-color: #21759b; }

And for the border color for homepage headline, you can change the color code and add it in “Appearance => Theme Options => Custom CSS” box.
#main-slider, #homepage-message { border-color: #FF0000; }

[Doren]

Awesome! They worked! Just need the footer line CCS now. I’ll search for it. Thank you!!!

[Doren]

Ahhh. Changing that Slider CCS, makes it no longer transparent. Ugh.

[Sakin]

@Doren: For footer border color.
#colophon { border-color: #ff0000; }

[Sakin]

@Doren: For transparent you need to use rgba color as well, you can see in the following css 33, 117, 155 is rgb color and 0.6 is transparent

#main-slider .entry-container {
	background: #21759b; /* Show a solid color for older browsers */
	background: rgba(33, 117, 155, 0.6);
}

[Doren]

Wow! You are awesome! It’s perfect. How about this. The mouse-over Slider color CSS? And the button background color & it’s mouse-over CSS to advance or reverse through the slides that’s in the lower-right hand corner of the Slider photos? Thank you! I’m really surprised that these items that are superimposed on the Slider photos don’t have built-in color options as well. Odd, it seems.

[Sakin]

@Doren: These things has not been demanded much and keeping everything in color options make Theme Options looks complicated 🙂

For slider hover

#main-slider .entry-container:hover {
	background: #21759b; /* Show a solid color for older browsers */
	background: rgba(33, 117, 155, 1);
}

For slider button

#slider-nav a {
	background: #21759b; /* Show a solid color for older browsers */
	background: rgba(33, 117, 155, 0.6);
}

For slider button hover

#main-slider #slider-nav a:hover {
	background: #21759b; /* Show a solid color for older browsers */
	background: rgba(33, 117, 155, 1);
}

[Doren]

Awesome! Thank you! I understand that does make sense, these extra color options could be overwhelming, though I would always prefer the ability to customize everything. I just happen to be doing an Alumni site and everything HAS to be their color, ya know? Ugh, I just noticed that there is a border around the Slider on hover, do you know the code to change that as well? Sorry, it seems like I just keep asking question after question. Thank you!

[Doren]

Hi Sakin, any luck with finding out about the Slider overlay box border color on hover code? Thanks!

[Sakin]

@Doren: Yes I found it. Here it goes.
#main-slider .entry-container:hover { border-color: #1b5f7d; }

[Doren]

You Rock! Thank you! I really appreciate you taking your time & expertise in answering my questions. It’s very generous of you. Thanks again!

[Sakin]

@Doren: Thanks for your appreciation.

[Doren]

I have a font size question too, but I’ll start another thread. Thanks!

[Author]

Posts