Make page title in the header highlighted with theme color

danlee2017 · June 2017

Hi, I want the title of the page, which is displayed in the header area to be highlighted with the general theme color. To explain better: the title of the page is in white color, when I highlight it with my mouse it's background turns gold like I want - how do i make that permanent? Thanks!

Bryan · June 2017

Hi,
Please send us a link to your page and point to where this title is.
thanks

danlee2017 · June 2017

Hi, link: http://www.odinprocent.com/instructions/

Title in Russian:

Инструкции

danlee2017 · June 2017

also would like to have the same thing with menu text - highlighted text - specifically these:

Bryan · June 2017

use this custom css

#Subheader .container .column.one {
	text-align:center !important;
}
.subheader-both-center #Subheader .title {
	width: auto !important;
	display: inline-block !important;
	float:none !important;
	background: #c49f65 !important;
	padding:0px 15px 10px 15px !important;
	color:white !important;
}

Bryan · June 2017

You can set the highlight on the menu yourself with theme options>menu&action bar>menu

there is a style option at the top. Then change the colors in theme options>colors

danlee2017 · June 2017

Awesome! Thanks for the help. Re CSS code highlights - any way to make the highlight semi-transparent?

Bryan · June 2017

Yes, change the background color to rgba(196, 159, 101,0.6);

background: rgba(196, 159, 101,0.6) !important;

The last value can be from 0.1 to 1, it controls the opacity

Make page title in the header highlighted with theme color

Comments

Инструкции

This website uses cookies