PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Having trouble with css targeting

  1. Hi All,

    Basically, for the heading of my site I have added bgimage to go with the text.

    Though with the heading in the forms, the titles are not using the padding added to the css for H2, H3 etc.

    So the text is going over the image and not all of the image is being displayed.

    I have added this to the bottom of the stylesheet to try and just redo the style for the forms but alas I have had no luck,

    [css]
    /*  ========================== G Forms ============================ */
    body .gform_wrapper .gform_heading .gform_title {
    	font-size: 1.2em;
    	background: url(images/logo-tiny.png) no-repeat;
    	padding-left:40px;
    	margin-left: 20px;
    	padding-bottom: 10px;
    	font-weight: bold;
    }
    
    body .gform_wrapper .gform_body .gf_progressbar_wrapper .gf_progressbar_title {
    	font-weight: normal;
        	font-size: 1.1em;
    	background: url(images/h3_header_icon.png) no-repeat;
    	padding-left:25px;
    	padding-bottom: 10px;
    }

    Any help would be great.

    Cheer,
    D

    Posted 12 years ago on Monday March 12, 2012 | Permalink
  2. Can you post a link to your form?

    Posted 12 years ago on Monday March 12, 2012 | Permalink
  3. Yep, it would help if I showed you the problem hey. ;)
    http://moveme.yfbiz.net.au/get-a-quote/
    D

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  4. Hey D, you were super close, just have to place a couple !important declarations here, like so:

    [css]
    body .gform_wrapper .gform_heading .gform_title {
    font-size: 1.2em;
    background: url(images/logo-tiny.png) no-repeat;
    padding-left:40px !important;
    margin-left: 20px;
    padding-bottom: 10px !important;
    font-weight: bold;
    }
    
    body .gform_wrapper .gform_body .gf_progressbar_wrapper .gf_progressbar_title {
    font-weight: normal;
    font-size: 1.1em;
    background: url(images/h3_header_icon.png) no-repeat;
    padding-left:25px !important;
    padding-bottom: 10px !important;
    }
    Posted 12 years ago on Tuesday March 13, 2012 | Permalink