Support » Theme: Striker » Text On Header Image

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Template Express

    (@danstriker)

    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 */
    }

    Theme Author Template Express

    (@danstriker)

    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?

    Theme Author Template Express

    (@danstriker)

    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:
    http://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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Text On Header Image’ is closed to new replies.