WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. jcpcosta
    Member
    Posted 1 year 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

    http://ec2-54-246-43-184.eu-west-1.compute.amazonaws.com/wordpress/ibersol/

    Thank you!

    http://wordpress.org/extend/themes/atahualpa/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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