- This topic has 18 replies, 2 voices, and was last updated 10 years, 7 months ago by Doren.
-
AuthorPosts
-
April 15, 2014 at 8:18 pm #25753DorenParticipant
Hi,
How do I change the background text box color for these 3 items:
Homepage Headline
Copyright
SliderThank you!
April 15, 2014 at 10:34 pm #25779DorenParticipantI’m sorry, but I wasn’t referring to the background under the menu items. I was referring to the Homepage Headline box. Thank you.
April 16, 2014 at 6:30 am #25814SakinKeymaster@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.
April 16, 2014 at 7:30 am #25821DorenParticipantI 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!
April 16, 2014 at 8:14 am #25828SakinKeymaster@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; }
April 16, 2014 at 8:47 am #25831DorenParticipantI 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!
April 16, 2014 at 8:57 am #25833SakinKeymaster@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; }
April 16, 2014 at 9:12 am #25837DorenParticipantAwesome! They worked! Just need the footer line CCS now. I’ll search for it. Thank you!!!
April 16, 2014 at 9:16 am #25838DorenParticipantAhhh. Changing that Slider CCS, makes it no longer transparent. Ugh.
April 16, 2014 at 9:17 am #25839SakinKeymaster@Doren: For footer border color.
#colophon { border-color: #ff0000; }
April 16, 2014 at 9:19 am #25840SakinKeymaster@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); }
April 16, 2014 at 10:44 am #25849DorenParticipantWow! 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.
April 16, 2014 at 12:40 pm #25855SakinKeymaster@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); }
April 16, 2014 at 7:12 pm #25929DorenParticipantAwesome! 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!
April 17, 2014 at 9:14 am #25999DorenParticipantHi Sakin, any luck with finding out about the Slider overlay box border color on hover code? Thanks!
April 17, 2014 at 10:46 am #26006SakinKeymaster@Doren: Yes I found it. Here it goes.
#main-slider .entry-container:hover { border-color: #1b5f7d; }
April 17, 2014 at 7:10 pm #26050DorenParticipantYou Rock! Thank you! I really appreciate you taking your time & expertise in answering my questions. It’s very generous of you. Thanks again!
April 17, 2014 at 7:12 pm #26052SakinKeymaster@Doren: Thanks for your appreciation.
April 17, 2014 at 8:58 pm #26065DorenParticipantI have a font size question too, but I’ll start another thread. Thanks!
-
AuthorPosts
- The topic ‘Homepage Headline, Copyright & Slider Box Colors’ is closed to new replies.