[effess]

Is it possible to use different colors for different page titles? I tried using HTML in the page title field and it worked but unfortunately the code shows in mobile devices.

[Mahesh]

Hi @effess,

Please post in you site url.

Regards,
Mahesh

[effess]

http://www.sonomalavender.com. I’d like some page titles to be purple, some green and some blue.

[Mahesh]

Hi @effess,

Please let me know the colors for the respective pages, then it’ll be easy for me to provide you with the CSS code.

Regards,
Mahesh

[effess]

#a7a475 and #26a4cd

[Mahesh]

Hi @effess,

Here is the CSS for two pages, “Magic of Lavender” and “Research Lavender”. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following styles:

#main .type-page.post-1910 .entry-header .entry-title a{
	color: #26a4cd;
}

#main .type-page.post-1950 .entry-header .entry-title a{
	color: #a7a475;
}

[effess]

Thank you! Can you also please provide the CSS for changing attachment page title colors? Do they also need to use individual ID #s?

[Mahesh]

Hi @effess,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following styles:

.image-attachment .entry-container .entry-header h1.entry-title {
    color: #26a4cd;
}

The above style will change all attachment page title to the same color specified as above, but if you want to have different color for different attachment page then you may need to specify ids or class.
For example, to have specific color in “Ibiza Travel Pillow & Sleep Mask” attachment page only, add the following CSS.

.image-attachment .post-2096 .entry-container .entry-header h1.entry-title {
    color: #00ff00;
}

Regards,
Mahesh

[effess]

Is there a way to do this using class only? (There are a lot of attachment IDs so using class only would be ideal.) Thanks for your help!

[Mahesh]

Hi @effess,

Yes, it can be done using class only. The above code I’ve given is also using class only. Use the upper one for changing entire site’s attachment page title to same color. If you want different page to have different color you have to specify the unique class, so you can use the lower one.

Regards,
Mahesh

[Author]

Posts