html - Can't get CSS alignment of an image to work -
i working on page:
http://g33ktalk.com/etsy-a-deep-dive-into-monitoring-with-skyline/
and see how towards bottom, image subscribe doesn't have padding , touches divs.
i tried this:
#gform_submit_button_8 { padding-left: 15px; }
but had no effect. tried add padding class gform_footer
had no effect. know how add padding left side of image?
edit:
this larger html in image in
<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_8' > <form method='post' enctype='multipart/form-data' id='gform_8' action='/etsy-a-deep-dive-into-monitoring-with-skyline/'> <div class='gform_heading'> <h3 class='gform_title'>subscribe our youtube channel</h3> <span class='gform_description'>want more tech talks? subscribe our youtube channels , notified when new talks posted.</span> </div> <div class='gform_body'> <ul id='gform_fields_8' class='gform_fields top_label description_below'> </ul> </div> <div class='gform_footer top_label'> <input type='image' src='http://g33ktalk.com/wp-content/uploads/2012/10/subscribe.gif' id='gform_submit_button_8' class='gform_image_button' alt='submit' tabindex='1' /> ...
thanks!
from css: (update padding values here)
.gform_wrapper .gform_footer { padding: 16px 0 10px 15px; margin: 16px 0 0 0; clear: both }
Comments
Post a Comment