Customise header id = title area

[FriendMTS]

Hello,

Thank you for all your previous responses, they have been very useful, everything is going great with this theme.

My question relates to the header area on each page. It’s an orange strip by default.

Can this area be used to display different images on each page?

Many thanks in advance for your reply.

Best,
Alina

[Ernesto]

Hi,

Could you please show us a screenshot of what you wish to accomplish so that we can have a clear idea?

Thanks.

[FriendMTS]

This reply has been marked as private.

[Ernesto]

Hi,
We tried to visit your website and it seems to be offline.
Could you check that? We need to visit it to compare it with the image you’ve send us.

[FriendMTS]

This reply has been marked as private.

[Ernesto]

Go your Custom CSS Sections of the Theme Options Panel and apply the following code:

.page-id-6004 #title-area {background-image:url("paper.gif");}

Then replace page ID with the page you want to apply the change to.

[FriendMTS]

Hi,

I tried replacing with .page-id-5871 #title-area {background-image:url(‘http://www-test.friendmts.com/wp-content/uploads/2014/03/Untitled-12.jpg’;);} but nothing.

Is it incorrect?

Thank you.

[Ernesto]

Hi there, try out this codes:

.page-id-5871 #title-area {background-image:url("http://www-test.friendmts.com/wp-content/uploads/2014/03/Untitled-12.jpg");}

Let me now if it worked!

[FriendMTS]

This reply has been marked as private.

[Ernesto]

Hi, I’ve edited the previous code. It should work fancy now!

[FriendMTS]

Omg, it worked!

You’re a star, thank you so much.

I’m guessing I can repeat this on other pages as well?

Have a lovely day!

Alina

[Ernesto]

Yes, you’ll need yo replace the page id with the proper id.
Let me know if there’s any other issues!

[FriendMTS]

This reply has been marked as private.

[FriendMTS]

This reply has been marked as private.

[Nexus]

Hi,

Please put the following code into custom css in theme options

.page-id-5895 #title-area {
height: 140px;
background-size: cover;
}

Since you are using Nivo Slider, you can change the height of the slider by navigating to theme options > nivo slider . And also make sure that you open a new ticket with new queries, since support people will ignore the posts marked as resolved. Thanks!

[Author]

Posts