Image Alignment in Header

  • kevray



    I have enabled header widget and used a text widget to put a banner image onto my header. At the moment the image has aligned to the left of the header (by default). Please could you tell me how I move it to the far right hand side of the header?

    Many thanks



    (Moved to Support)

    You can use either left padding (accepted standards), or you can use a div align.

    In your text box in the widget, add <div align="center"> to the very beginning of whatever is in the text box, and add </div> to the very end of whatever is in the text box.



    Many thanks for your advice Josh, but this doesn’t seem to have done anything at all. The banner image is still rooted to the left of the header/page. Any further suggestions greatly appreciated.




    You have a link to your site so we can take a look?



    Yeah sure. Its

    You will see my problem straight away, the banner ad at the top left of the page which needs to be over to the far right, at the end of the header.

    Many thanks for your interest in my problem.



    Add this to custom CSS,

    #text-3 {
    margin-left: 700px;

    700px is just a random number. Change the margin value for better alignment. You can try padding too.




    Many many thanks Prasanna. Job done!

    Really appreciate your help.




    There is one more thing if at all possible..sorry.

    The title of my blog on my header is sitting at the bottom of the header. Is there a way I can have it so it moves up to a more central position?

    Thanks for any help.




    Add this to custom CSS as well:

    .header_title {
    top: 75px;
    .header_desc {
    top: 75px;



    Thank you very much for your help Tee, that works a treat!

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.