Return to previous page

Read More Button - by gurhan - on WordPress WooCommerce support

This topic has 15 replies, 4 voices, and was last updated 8 years, 11 months ago ago by Brian Johnson

gurhan

Participant

April 21, 2015 at 19:13

Can you please let me know how I can change the color of the “Read More” button?

Here’s the screen shot –> http://autositebackup.com/my-uploads/read-more-button.png

Thank you…

#58556 Copied

14 Answers

Brian Johnson

Member

April 21, 2015 at 20:57

Hello

Please add following code into the custom.css:
.vc_button-2-wrapper a{background:blue}

With best regards
Brian Johnson

#58571 Copied

gurhan

Participant

April 21, 2015 at 21:15

I did it like this but didn’t work??

.vc_button-2-wrapper a{background:#9C7B52;}

any idea???

#58572 Copied

Eva Kemp

Support staff

April 21, 2015 at 21:50

Hello,

As I see the color is changed:
http://storage1.static.itmages.com/i/15/0421/h_1429649307_7810532_1b8f56c3ad.png
Please clear browser cache and check again.

Thank you.
Regards,
Eva Kemp.

#58584 Copied

gurhan

Participant

April 21, 2015 at 21:58

Hello Eva,

How can I change the text color inside of those buttons please?

#58585 Copied
Eva Kemp

Support staff

April 22, 2015 at 10:08
Hello,

Use this code in custom.css file:
```
.vc_button-2-wrapper a {
 color: black !important;
}
```
Write your color value.

Regards,
Eva Kemp.
#58658 Copied
gurhan

Participant

April 23, 2015 at 17:31

This is all good… Can you also let me know how I can eliminate the hover effect on these buttons.

Thank you!

#59252 Copied
Eva Kemp

Support staff

April 23, 2015 at 18:28
Hello,

Please add this code in custom.css file:
```
.vc_button-2-wrapper a:hover {
  color: #463A2C!important;
  background-color: #9C7B52 !important;
}
```
Regards,
Eva Kemp.
#59267 Copied
gurhan

Participant

April 23, 2015 at 20:20

Question… is custom css different than the child theme css?

#59295 Copied

Eva Kemp

Support staff

April 23, 2015 at 20:31

Hello,

No, if you’re using child theme you need add the code in style.css of the child theme folder.

Regards,
Eva Kemp.

#59300 Copied

gurhan

Participant

May 4, 2015 at 20:29

I have these codes in the custom.css to change the color of the “Read More” button on the Home Page.

CODE#1
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #463A2C;
background-color: #9C7B52;
}

CODE#2
.vc_button-2-wrapper a:hover {
color: #463A2C!important;
background-color: #9C7B52 !important;
}

If I am not mistaking, the second code should change the hover effect but it doesn’t. Am I doing something wrong?

#61502 Copied

Brian Johnson

Member

May 5, 2015 at 08:35

Hello

You may use following code for hover effect:

.vc_btn3:hover{background:blue!important;color:red!important;}

With best regards
Brian Johnson

#61579 Copied

gurhan

Participant

May 5, 2015 at 09:17

I put this in with color codes rather than the names:

.vc_btn3:hover{background: #c3b489!important;color: #c3b489!important;}

will that work?

#61613 Copied

Stan Russell

Participant

May 5, 2015 at 09:28

Hello,
you are right. Correct color codes will work too.

Regards,
Stan Russell.

#61616 Copied

Brian Johnson

Member

May 5, 2015 at 09:29

Please clear browser cache and check your site. Hover effect works.

With best regards
Brian Johnson

#61618 Copied
Viewing 15 results - 1 through 15 (of 15 total)