Blackbam

Hello akesin

unfortunatly it is impossible to build a custom header images plugin which can automatically “replace” the header images of all the themes out there.

So REPLACE the code of your current theme (delete their code in header PHP, make a backup previously) by the header image code and style it so that the header image fits into your Layout. Thats the only way to do it.

Resolved

Hello

if you have changed the code yourself I suppose that you have created some PHP or WordPress error.

Re-Install the Plugin and add the border using some custom CSS-File (of your Theme, for example, or just put it into wp-content). It is never a good idea to change the source code of your Plugins yourself, as you loose the possibility to update your Plugins.

Hope this helps?

Hello

I think there are many ways how you can center your header image. If you are not able to manage it with the standard output, just use some custom HTML/CSS with the custom output function.

Possibly good tip:

margin: 0 auto; (instead of text-align:center; ) in CSS

Hello, the link of the diesel image is correctly set in the data-link attribute. But for some reason, the link is not working.

1. Make sure that you do not have any errors in the output of your console

2. You should use the “standard custom output”, if it still does not work

On the settings page, click “restore standard” (at the bottom)

You should see the following code:

<div onclick="if(this.getAttribute('data-link')!='') window.location.href=this.getAttribute('data-link')" data-link="[link]" class="chi_display_header" style="height:[height]px; width:[width]px; background-image:url('[image_url]');"></div>

Note the “onclick” attribute. Now the link should work.

Of course it will, because this is the purpose of this Plugin.

1. Be sure that to use all of the “tags” for the custom output correctly

2. You may use one of these possibilities:

a) Use the images as background property in CSS (but this will cut the images on smaller screens, so it is probably not the right solution)

b) Use automatic height and scale the image with CSS in percent (like width:100%; – this might work, but you have to test it

c) You maybe want to use javascript, to scale the header image proportionally

A simple example in JQuery Pseudo-Code:

var image_width=960;
var image_height=280;
if(screen_size<image_width) {

var new_width = screen_size;
var new_height = image_height * (screen_size / image_width);

$('#header_image').css('width',new_width+'px').css('height','new_height+'px');

}

Hope the question is answered now, please re-open if it is not clear yet.

Hello Jim

yes it can, but you are responsible that this works properly for your site. In v1.1 I have implemented the “custom output” function, which you will see at the bottom of the settings page.

1. Activate the custom output by checking the checkbox

2. Customize the output to your needs, so that it will be responsible (maybe you have to add some custom CSS to the stylesheet of your theme)

Does this help you?

Hello again

the basic problem is that most of the ready bake themes involve thousands of lines of codes for their “super special” functionality.

EVERY theme has an index.php and this is the point there you have to start – outside of any conditions or brackets.

Then you just have to find your way through the PHP code – basic programming knowledge will help.

Maybe I will implement a widget functionality for the next version, but this may also not solve every problem. Manual placement is still the best way to do it, unless you update your theme very often.

Blackbam