Change color of button

Hi,
I have managed to change the colours of most of the home page. However, I am stuck on how to change the colour of the buttons in the home page feature area and the small thin lines that break up the menu at the top of the page.
www.upholsterycleaningdoncaster.co.uk
Thanks
Paul.

 

Hi Paul,
Kindly put your own custom color code in the below code.

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

Code:

.featurebox .featurebox_desc a.readmore {
  background: rgb(81, 166, 147);
  border-radius:28px;
}
.featurebox .featurebox_desc a.readmore:hover {
  background: rgb(81, 166, 147);
  }
#menu .ddsmoothmenu li{
  border-right: 1px solid red;
}
#menu .ddsmoothmenu li a{
  background: none;
}

Regards,
Sameer

 

Hi Sameer,

Thanks for that it fixes the lines, but I also need to change the button colour and the text colour inside the button, these buttons in the screen shot.

Thanks

Paul.

 

Hi,

Try and Use the below given code:

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

Code:

/****************below button color without hover***********/
.featurebox .featurebox_desc a.readmore{
  background: red;
  border-radius: 28px;
}
/****************below button color on hover***********/
.featurebox .featurebox_desc a.readmore:hover{
background: rgb(31, 86, 203);
}
 
/******************for text color*************/
.featurebox .featurebox_desc a.readmore {
  color: yellow;
}

Regards,
Sameer

 

Hi Sameer, that worked! Just the circle and the line in the screen shot to fix now, sorry to be a pain, Paul.

 

Hello paul!

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

Code:

.feature_testimonial .circle img {
  border: 3px solid red;
}
.footer_container .footer h4 {
  border-bottom: 1px solid red;
}

Thanks,
Praveen

 

Almost there Praveen, just that last green line

 

Hello paul!

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

Code:

.footer_container .footer h4 {
background:none
}

Thanks,
Praveen

 

Thanks Praveen