Change class color for "Read more.."

aliwari

Hi There,

Where can I be able to change the class color for both classes "com-content-article__readmore readmore" & "register", to take affect on "COM_CONTENT_READ_MORE_TITLE" & "COM_CONTENT_REGISTER_TO_READ_MORE"

I'm using the dark template, Menu Item Type: Category Blog 3,

Regards

Ali

cssyeah

aliwari

Follow some below steps to change color of the read more button.

Create the custom.css file in the "[root]/templates/ja_seven/local/css/" path.

Copy and Paste below CSS rules to the custom.css file.

.theme-dark .readmore .btn {
  border: 1px solid rgba(255,255,255,.5);
  color: rgba(255,255,255,.5);
}

Save and reload your website.

Regards,

aliwari

Thank you very much...
It works perfect now

Regards

aliwari

One more thing please...

How can i change the color of the bottom test when its hover ?

please check the attached images, you can see the hover text color in taqs is white color but in read more its gray ..

phinb

Hi @aliwari

You can add this snippet to the custom.css file so that the button text will be white when hovered over:

.theme-dark .readmore .btn:hover,
.theme-dark .readmore .btn:focus {
	color: #fff;
}

aliwari

Perfect... Thank you

Best regards

Ali

phinb

Let us know if you need any further help 🙂