Colof

Can you go into more detail of what exactly you want to change?

Or you can post your site URL so we can help you further

Of course! this is the URL of the page: https://costaricamia.net as you can see , the company logo is red and it looks bad with the green color of the page in the slidebar (Tittle ,border and the button that tourn into green when the picture change), text and widgets , and what I want to know is if I can change that green to red , and that it looks well with the logo, can you please help me?

If your theme doesnt have the option for site branding.

Try this first, in your css file, find and replace all
#6bd233 with #BF1E2D

else heres the specific css

.slider-wrapper .nivoSlider {
box-shadow: #BF1E2D 0 4px 0 0 !important;
}

.slider-wrapper .nivo-caption {
border-left: solid 3px #bf1e2d !important;
}

.slider-wrapper .nivo-caption .slide-title {
background: #bf1e2d !important;
}

.slider-wrapper .nivo-controlNav .active {
background: #bf1e2d !important;
}

a, a:visited {
color: #BF1E2D !important;
}

a:hover, a:visited:hover, a:visited, a:visited:visited {
color: #BF1E2D !important;
}

#secondary h1.widget-title {
border-bottom: solid 3px #BF1E2D !important;
}

#footer-sidebar .footer-column h1.widget-title {
color: #BF1E2D !important;
}

#colophon {
border-top: solid 3px #BF1E2D !important;
}

My problem is that I can′t find the green color (#6bd233) and change it into red, and I tried using these code that you posted and nothing ,because there is only dark and light colors in the style sheet , I′ll try to post the code so you can see the problem

As you can see , in these code there is no green color that I can change,
can you help me to see where I’m going wrong plase? I really need this color

@kenneth31404, Please stop. Posting a thousand lines of code isn’t that helpful. All CSS that is used on a website is already visible on the website; we can see the code so you don’t need to post it.

If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   body .slider-wrapper .nivo-controlNav .active,
   body .slider-wrapper .nivo-caption .slide-title {
       background: #d63333;
   }
   
   body .slider-wrapper .nivoSlider {
       box-shadow: #d63333 0 4px 0 0;
   }
   
   body .slider-wrapper .nivo-caption {
       border-color: #d63333;
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

Sorry ,its my first time here… and Thank you everybody! That works and looks great!! thanks for help!