[resolved] change margins in new widget area --> header (3 posts)

  1. jcpcosta
    Posted 2 years ago #

    Hi there! I've added a new widget area on header so I can have two header images. But the second one as a 15px margin that I cannot find or change. In ATO /CSS inserts I´ve added this bit of code but nothing changed:

    <div id="my_new_widget_area" class="bfa_widget_area"><div id="widget_sp_image-3" class="widget widget_sp_image" style="
    margin-bottom: 0px;
    "><img src="http://ec2-54-246-43-184.eu-west-1.compute.amazonaws.com/wordpress/ibersol/files/2012/12/header_ibersol_14.png" style="max-width: 900px;max-height: 100px;" class="aligncenter" alt=""></div></div>

    You can visit my website on


    Thank you!


  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I'm not sure what the problem is -- it looks pretty okay in Firefox. Can you explain more or post an image of the problem.

    Also, it's really much better to avoid putting CSS code in the HTML -- use the external stylesheet so it's easy to change and keep track of. You have an id assigned to the widget to use that as your CSS selector:

    #my_new_widget_area img {
       styles here... ;
  3. jcpcosta
    Posted 2 years ago #

    Hi WPyogi!

    I just found the answer and it was SO easy! In the ATO / Style widgets just had to change margins in the Widget Container! :P

    Thnk you for your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic