Change Background Colors of Slider Caption Box

How do I change the colors in these areas? I have a custom color .css file and all of the colors should be updated. The slider box is not the only area either. There are still several colors all over my website that do not show updated. I changed the base theme color to pink to make it obvious showing which colors are not handled within the custom color .css file. Please take a look at floweaver.com and help. They include the following:

• The arrows on top of the menu
• Slider caption background
• Slider caption bottom border
• Footer area/Bottom widget split bar in "About Us", "Recent Comments", "Archive", "Calendar"
• Slashes between menu items on footer menu
• Search Bar Button on "Parts" and "Projects" pages

 

Hello,

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

1>

Code:

 #menu li.current-menu-item a,
#menu li.current_page_item a, 
#menu li.current-menu-parent a, 
#menu li.current_page_parent a, 
#menu li a.selected, #menu li a:hover {
  background: url(/wp-content/themes/butterbellytheme/images/menu-tip.png) center top no-repeat !important;
}

2> & 3>

Code:

 .flex-caption-wrapper {
  background: url(/wp-content/themes/butterbellytheme/images/caption-bg.png) repeat-x !important;
}

4>

Code:

.footer .footer_widget h4 {
   background: url(/wp-content/themes/butterbellytheme/images/footer_head_sep.png) bottom left no-repeat !important;
}

5>

Code:

.bottom_footer_content .footer_nav li a {
  background: url(/wp-content/themes/butterbellytheme/images/footer_nav_sep.png) right center no-repeat !important;
}

6>

Code:

.page-container .searchform input[type="submit"], 
.sidebar.home .searchform input[type="submit"] {
  background: url(/wp-content/themes/butterbellytheme/images/search.png) no-repeat !important;
}

Hope it will resolve your issue

Thanks,
Praveen

 

Hello,

I'm having the same issue with my website as above. I tried using the code above in my custom css but it is not changing anything. Can you take a look and let me know what I need to do?

Thank you!
http://sagewellnesspartners.com/

 

Hello,

Greetings from InkThemes!

Would you like to change the color of all the sections as shookdesign had mentioned in his post...?

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Yes, please

 

Hello,

Codes are given below and let me tell you that some of them are images so you have to change image over there rather than color..

Code:

.flex-caption-wrapper {
    background: lightseagreen;
}
.footer_container {
    background: lightseagreen;
}
.footer .footer_widget .searchform input[type="text"] {
    background: lightgray !important;
}

Note: Change color as per your interest...

Hope it will resolve your issues.

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

I will need to actually change the color of the image files. Do you have them in a format that I can easily do that in (like illustrator or something)? Or do I need to recreate them?

Thank you!

 

Hello,

Sorry, I am confused...

Would you please send us some edited screenshot of the concerned area so that we can assist you accordingly?

If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

Thanks & Regards!
Priyanka
InkThemes.com

 

I want to make the bars beneath the footer headings (about us, our pages, search anything and Use of Widgets) our accent color of #a08d62 or #433528.

 

I also wanted to change the color of the flex caption wrapper banner image (where it says Love)

and the triangle above home (and sample page when on that page) to either #A08D62 or #BAC6A9

Can you assist me with these changes?

Thank you

 

Hello,

For the first issue,

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

Code:

.footer .footer_widget h4, .footer .footer_widget .searchform input[type="text"] {
    color: #a08d62;
}

To change color of flex-caption wrapper background & the text over there, codes are given below

Code:

.flex-caption-wrapper {
    background: #A08D62;
}
.flex-caption h1 a {
    color: #BAC6A9;
}

For the triangle above home, so let me tell you that is just an image so you can't change color of that triangle with CSS code..

Hope it will resolve your issues..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

I added the code to the custom.css exactly as you have written and it did not change anything. Is there something else I am missing? I have attached a screen shot that I have drawn in red a circle and pointed out the areas I am trying to change.

Thank you for your help.

 

Hello,

I really don't understand why the code didn't work for you as I have tried this at our end and it works perfectly..

Code:

.flex-caption-wrapper {
    background: lightseagreen;
}
.flex-caption h1 a {
    color: red;
}

You are kindly suggested to clear your cache and deactivate all your plugins for once and check after that.

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

I ended up recreating the image files in the color I wanted and it worked perfectly. I'm not sure why the css method did not work.

Thank you for your help