Text On Header Image

Hello,

the styles for this are in the js/flexslider.css file. Look for the following:

.caption_wrap { margin: 0 auto; width: 530px; text-align: center;}
.flex-caption { position: absolute; top: 120px; color:#FFF; font-size: 18px; padding: 4px; border-radius: 0.4em;}
.flex-caption p { width: 500px; padding: 8px; margin: 0; font-family: 'bebas_neueregular', sans-serif; word-spacing: 4px; line-height: 1.6;}
.flex-caption a {color: #FFF;}
.flex-caption a:hover {color: #CCC;}
.flex-caption-title { font-family: 'bebas_neueregular', sans-serif; text-transform: uppercase; border: 2px solid #FFF; border-radius: 0.2em; font-size: 24px; padding: 0; border-radius: 0.2em; margin: 8px auto; width: 250px; word-spacing: 4px;}

These will have to be applied to your header image style:

.site-header img

Thanks. Within the style.css I added> Does this look right?

/* =IE Styles
———————————————– */

#ie8 .site-header img
.caption_wrap { margin: 0 auto; width: 530px; text-align: center;}
.flex-caption { position: absolute; top: 120px; color:#FFF; font-size: 18px; padding: 4px; border-radius: 0.4em;}
.flex-caption p { width: 500px; padding: 8px; margin: 0; font-family: ‘bebas_neueregular’, sans-serif; word-spacing: 4px; line-height: 1.6;}
.flex-caption a {color: #FFF;}
.flex-caption a:hover {color: #CCC;}
.flex-caption-title { font-family: ‘bebas_neueregular’, sans-serif; text-transform: uppercase; border: 2px solid #FFF; border-radius: 0.2em; font-size: 24px; padding: 0; border-radius: 0.2em; margin: 8px auto; width: 250px; word-spacing: 4px;},
#ie8 .entry-content img,
#ie8 img.size-full,
#ie8 .entry-thumbnail img,
#ie8 .widget img,
#ie8 .wp-caption img {
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

should be fine but hard to tell without seeing it in action – have you tried this change in the browser yet?

I have. So the next question is: where do I set the text I want to see over my header image?

You would have to do that in the header.php file where the header image is called

Sorry but what exactly would I need to enter in this section?

I basically want it to look like the boxed slider text in the demo:
https://www.templateexpress.com/striker/

I’ve done a little detective work by looking at the source code in the demo and I came up with something. I just need to make an adjustment in the header.php so the cation title is centered in the middle of the header image.

Any help would be greatly appreciated.

Thanks again.