Change color of text for word and link

[rkassebaum]

Say, I want to add this to a page but want to change the text color for the words Powered by and the link color. These will be different colors.

POWERED BY OneSource Marketing

[prakash_s]

Hello @rkassebaum,

Thanks for writing to us.

I would suggest you go to the Cornerstone page builder add a text element add your text and link
Please have a look at the given screenshot below.

Set the text color from Text–>Fomat from the element settings

For the link color, you set the color from the Theme Option or you can use inline style. Please note if you set the link color from the Theme Option It would be applicable throughout the site.

X/Pro—>Theme Option —>Typography—>Site Links

Hope it helps
Thanks

[rkassebaum]

I actually have the site links the colors I have them and don’t want to change them. So, was hoping to do with css. Suggestions?

[nabeel]

Hey @rkassebaum,

A simpler approach could be to use inline CSS, If your using a Text element then you can have your text changed to:

<span style="color: red">POWERED BY </span><a href="#" style="color: blue">OneSource Marketing</a>

To learn more see the Inline CSS section here https://www.w3schools.com/css/css_howto.asp

Hope this helps!

[rkassebaum]

@nabeel

<span style="color: red">POWERED BY </span><a href="#" style="color: blue">OneSource Marketing</a>

Say, if I want the OneSource Marketing to change color when rolled over what would I need to change.

[nabeel]

Hey @rkassebaum,

In that case you would need a class to be assigned instead of inline CSS and that requires custom CSS for the hover effect which is regretfully out of our support scope. That being said, I can point you in a right direction. First assign a class to your link:

<a href="#" class="custom-link">OneSource Marketing</a>

Then you can use this class to add the hover effect:

.custom-link:hover {
    color: yellow;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!