How to make header widget tight aligned

  • Resolved CyclingLabs

    (@98chimp)


    10 years, 9 months ago

    I have added an Adsense unit in my Header using text in the ‘Header’ widget. I have made it right aligned using <p align=”right”> before the Adsense code, but there is still a gap at the right side.
    You can see the problem at my site https://www.chimpytech.com

    Do I need custom CSS to fix this or is there another solution?

    Thanks

    Neil

Viewing 4 replies - 1 through 4 (of 4 total)
  • Meiji

    (@meiji_lythtis)

    Hi! Yes, you could try with custom CSS, something like this:

    <p id=”to-right”>Sponsored Ad</p>

    And then the CSS:

    #to-right {
    text-align: right !important;
    }

    Thread Starter CyclingLabs

    (@98chimp)

    Thanks for the speedy reply Meiji, unfortunately there is no change.

    I am wondering if this is caused because I have made the content and sidebar a little wider using the themes options (750px & 274px respectively) and it appears that the theme still thinks the Header is the original width?

    I am very new to WordPress and am learning this by experimenting!

    Neil

    Meiji

    (@meiji_lythtis)

    Sorry, I just realized p is inside an element which is aligned to left, so the code above won’t work. Add this code to a custom CSS:

    #widgets-wrap-header {
    display: inline-block;
    float: right;
    }

    It will be solved this way.

    Cheers!

    Thread Starter CyclingLabs

    (@98chimp)

    Thank you Meiji you are a genius. The second solution works perfectly.

    Thanks

    Neil

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make header widget tight aligned’ is closed to new replies.