Hi,
Would it be possible to edit the header code:
.td-header-style-10 .td-header-sp-logo img {
width: 100%;
Which allows for an image above the main menu, to allow it to display a different graphic/image on different pages? And also could it be edited to allow a video to display on different pages as well as graphics/images?
I am not a coding genius so any help on this would be great if it is possible. It would be brilliant if it was!!
Look forward to your response.
kind Regards
Jon
Hello joncreek,
If you want to set a different image for your each page, please notice that you will have to use a bit of CSS for this. Try the code below and for each page, you will replace the page ID, like this ->
.page-id-1191 .td-banner-wrap-full{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}
The result you should see here -> http://screencast.com/t/e2IrwNtB7kT6
This is a basic example which you should follow if you want to bring that changes. You will have to implement it yourself and check the results. If you are not aware of the further steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Dear Catalin,
I understood the post above. I just don’t understand where to paste the CSS code? Can you please explain me in detail, where should I past it exactly?
Gaurav
Hi
The css can be added in theme panel > custom code > custom css: http://screencast.com/t/GtOSOYIH
Thanks!
After adding the CSS, how should change the header image on each page? If you explain me in short, I will be able to do it on my own.
Awaiting reply
Hello Gaurav,
If you want to have another image for each page, you will have to add the code that I provided you above but you should change the page ID number and the source of the image to another. -> http://screencast.com/t/j7FHb8mp
Hope this helps!
Thanks for your understanding!
Dear Catalin,
I am doing that, but it doesn’t work. I added the custom CSS to the custom CSS box of the page in which I wanted a different header image. I changed the post/page id and changed the URL of image. Still the header doesn’t change.
Gaurav
Replied via email!
If anyone has managed to crack this and wouldn’t mind sharing the code? It would be MAJORLY helpful.
Regards.
Unfortunately the theme has no option to add a logo based on a specific page. You will have to add it through customization. This is the file that needs to be edited: http://screencast.com/t/whmE3nRQxG \
Thank you!
Dear All,
If I add the above code in the custom CSS section of the theme panel, how will that code be applied on all the pages, if there is a particular page id? I want it to be applied on all the pages, so what should I put in the page id?
Gaurav
Hi,
If you want a single code for all pages, you should simply remove the page id part like so:
.page .td-banner-wrap-full{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}
Thank you!
