Add text to header

Hi Athemes. Fantastic theme you have.

I want to add text in front of the header images on specific pages (different text for different pages), can you help me with that?

Here is screenshot of what i want (the red text symbolizes it ;))

Enco

Hi,

Can you please post a link to your website, to the pages where you want to add that ( with 2-3 pages we can help if it’s possible with a few lines of custom code ), so I can check.

Best Regards,
Csaba

Yes, it’s actually only for these 3 specific pages I need text in front of the header image:

http://encounter.dk/for-private/

http://encounter.dk/for-virksomheder/

http://encounter.dk/om-encounter/

To be more specific, I need to put:

Tagline
------------ (Horizontal line)
Sub-tagline

Csaba, maybe u can just show code for how to do it on 1 og 2 pages, then I can figure it out the the last page myself :slight_smile:

Hi,

You can add text content there using this Custom CSS, but unfortunately you may not be able to add tagline there, just simple text using this solution:

.header-image {
    text-align: center;
}

.page-id-140 .header-image:after {
    content: "Your Text Goes Here";
    color: white;
    font-size: 26px;
    position: relative;
    top: 45%;
}

.page-id-106 .header-image:after {
    content: "Your Text Goes Here";
    color: white;
    font-size: 26px;
    position: relative;
    top: 45%;
}

.page-id-137 .header-image:after {
    content: "Your Text Goes Here";
    color: white;
    font-size: 26px;
    position: relative;
    top: 45%;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba