Headline element styling

[hobbsie]

Hi all,
I am using the headline element for my basic website that directs people to one of our 2 websites.
website is: https://www.marginservices.co.uk/
I was wondering on the 2 titles i have in the loop is there anyway of changing the colours of them.
At the moment it says spares2you and lampspares that’s in the loop i was hoping to get the lampspares in the blue and spares2you in the red to match the colours on the homepage.

I can see the code is: XXXXXXXXXXX

XXXXXX being lampspares or spares2you.

Hope that makes sense.

[thai]

Hi Hobbsie,

Please try adding this custom CSS under Theme Options > CSS:

.right-s2y p.header-text {
    color: #0050a7;
}

.left-ls p.header-text {
    color: #cd0033;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[hobbsie]

Hi Sorry,
Not sure if i explained incorrectly.
Its the moving headline where i have 2 values that look as if im typing it then deleting it on the website see image attached.
I have 2 words that alternate i was hoping to have the word lampspares = blue and spares2you = red

[ruenel]

Hello @Hobbsie,

Thank you for the clarifications. Regretfully the typing text will only accept plain text. It is impossible to have two different colors, red and blue for each word. You can only have a one other color for the typing text and for the cursor.

Hope this helps.

[hobbsie]

HI thanks for the clarification.
Any ideas if there is any other way of doing something similar?

[thai]

Hey @Hobbsie,

That is technically possible. However, that would fall beyond the scope of our support since it would require custom development. You need to contact a freelance developer to help you with this.

Thank you for understanding.