Header Image / Page Title Feature

Support
#1

Is it possible to duplicate this feature where the page title is in the image at the top in the image area?

https://alliancepropertysystems.com/proposal-request/

This is the development page…

https://dev.alliancepropertysystems.com/proposal-request/

#2

Hello @verobeachmarketing,

Thanks for writing in!

Yes, you can make the changes using some CSS codes. Add following CSS under X > Theme Options > CSS:

.page-id-20 header.entry-header {
    position: absolute;
    top: 200px;
    left: 500px;
}

If you want to limit the changes to the specific page then you have the option of using page ID. If not please remove .page-id-20 from above code.

To find out page id, please take a look at following resource.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.