How to change the font color in header image section

**GK User** Wed Jun 26, 2013 2:02 pm

Hi!...

Please guide, that how to change the font color in header image section??

Tc!

**GK User** Wed Jun 26, 2013 6:29 pm

Could You post a screenshot with marked element that You would like to change?

**GK User** Sat Jun 29, 2013 12:26 pm

Cyberek wrote:Could You post a screenshot with marked element that You would like to change?

Please check the screenshot I have attached or check the link for screenshot image

http://socialshout.net/wp-content/uploa ... 658-PM.bmp

Tq!

**GK User** Mon Jul 01, 2013 9:08 am

Please edit: wp-content/themes/Simplicity/css/override.css

Code: Select all: .imageBg #gk-header-mod .gk-video-link { color: #FFF; font-size: 24px; height: 44px; line-height: 44px; }

Play with numbers to change text color, font size, height of the element and line height.
Ig You would like also to change hover color, then add this:

Code: Select all: .imageBg #gk-header-mod .gk-video-link:hover { color: #FEC54C; }

and change color to your liking.

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

**GK User** Sat Aug 22, 2015 2:14 pm

I have tried this and it doesn't work for me. Maybe, I have put the code in the wrong place. This is my override.css

/**
*
* -------------------------------------------
* Override
* -------------------------------------------
*
**/
/*
*
* 16. Override
*
*
------------------------------------ */

/* 16.1. Overrided elements
==================================== */
#gk-mainbody aside.meta {display:none}

.imageBg #gk-header-mod .gk-video-link {
color: #FFFFFF;
font-size: 64px;
height: 44px;
line-height: 44px;
}

**GK User** Mon Aug 24, 2015 1:10 pm

Could you please post an url to your site?

**GK User** Tue Sep 01, 2015 11:45 am

This is my site - http://blog.johnmeephotography.com/

The second line from the top is black. I would like to change the colour to white to make it stand out more.
Thanks.

**GK User** Wed Sep 02, 2015 3:21 pm

Could you please mark this line on a screenshot?

**GK User** Wed Sep 02, 2015 3:25 pm

screen.jpg

**GK User** Wed Sep 02, 2015 3:45 pm

Please edit: wp-content/themes/simplicity/css/override.css

Code: Select all: #gk-header-mod .textwidget h3 {color: #fff;}

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

**GK User** Wed Sep 02, 2015 4:45 pm

Thanks Cyberek, that worked.

If I wanted to change the other text above or below this line, what code would I insert? Thanks

**GK User** Wed Sep 02, 2015 6:28 pm

You can learn to use firebug/chrome dev tools:
https://www.gavick.com/documentation/jo ... ss-changes

**GK User** Wed Sep 02, 2015 9:14 pm

Thanks.

**GK User** Mon Sep 07, 2015 7:09 am

Is there anything else I can help you with regarding this topic?

**GK User** Mon Sep 07, 2015 8:58 am

No. Thanks.

**GK User** Mon Sep 07, 2015 11:22 am

Feel free to post new forum threads if you have any other questions - it allows us to answer faster.