Jump to content


Photo

formatting not staying


  • Please log in to reply
7 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 08 December 2011 - 12:48 AM

I have used firebug to add background color to primary sidebar and to remove a white line around my contact form. I added this custom css code to my Custom CSS section and only some took effect.
In Firefox, the background color took but not in safari.
the removal of the border on my submit button did not take for either browser.
www.ipsimmediatepropertysolutions.com

PS- I am working with the new 2.0 page lines- really great!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 08 December 2011 - 03:48 AM

What code did you try adding and what white lines are trying to get rid of? The white line above the Submit button?

#3 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 08 December 2011 - 04:00 PM

This is what I used for removing the white line above the submit button: input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset { ? ? ? ? -moz-border-bottom-colors:? none; ? ? ? ? -moz-border-image:? none; ? ? ? ? -moz-border-left-colors:? none; ? ? ? ? -moz-border-right-colors:? none; ? ? ? ? -moz-border-top-colors:? none; ? ? ? ? background-attachment:? scroll; ? ? ? ? background-color:? transparent; ? ? ? ? background-image:? -moz-linear-gradient(center top , #FFFFFF 0%, #DCDCDC 100%); ? ? ? ? background-origin:? padding-box; ? ? ? ? background-position:? 0 0; ? ? ? ? background-repeat:? repeat; ? ? ? ? background-size:? auto auto; ? ? ? ? border-bottom-color:? #BBBBBB; ? ? ? ? border-bottom-left-radius:? 0; ? ? ? ? border-bottom-right-radius:? 0; ? ? ? ? border-bottom-style:? solid; ? ? ? ? border-bottom-width:? 1px; ? ? ? ? border-left-color-ltr-source:? physical; ? ? ? ? border-left-color-rtl-source:? physical; ? ? ? ? border-left-color-value:? #BBBBBB; ? ? ? ? border-left-style-ltr-source:? physical; ? ? ? ? border-left-style-rtl-source:? physical; ? ? ? ? border-left-style-value:? solid; ? ? ? ? border-left-width-ltr-source:? physical; ? ? ? ? border-left-width-rtl-source:? physical; ? ? ? ? border-right-color-ltr-source:? physical; ? ? ? ? border-right-color-rtl-source:? physical; ? ? ? ? border-right-color-value:? #BBBBBB; ? ? ? ? border-right-style-ltr-source:? physical; ? ? ? ? border-right-style-rtl-source:? physical; ? ? ? ? border-right-style-value:? solid; ? ? ? ? border-right-width-ltr-source:? physical; ? ? ? ? border-right-width-rtl-source:? physical; ? ? ? ? border-right-width-value:? 1px; ? ? ? ? border-top-color:? #BBBBBB; ? ? ? ? border-top-left-radius:? 0; ? ? ? ? border-top-right-radius:? 0; ? ? ? ? border-top-style:? solid; ? ? ? ? border-top-width:? 0; ? ? ? ? box-shadow:? none; ? ? ? ? color:? #000000; ? ? ? ? cursor:? pointer; ? ? ? ? padding-bottom:? 4px; ? ? ? ? padding-left:? 9px; ? ? ? ? padding-right:? 9px; ? ? ? ? padding-top:? 4px; ? ? ? ? text-shadow:? 0 1px 0 rgba(255, 255, 255, 0.5); } This is what I used for the background image for primary sidebar: #sb_primary{ background: -moz-linear-gradient(top, #efefef, #025c95); }

#4 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 09 December 2011 - 12:02 AM

-moz-linear-gradient is what's called a prefixed css rule, and is only intended to work in firefox. Try using a tool like this which will give you the rules for all browsers: http://projects.korr...osyBrown|Purple

#5 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 09 December 2011 - 05:44 PM

Thanks but it didn't work. I copied all the code in their order and nothing happened. Any other suggestions?

#6 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 09 December 2011 - 05:51 PM

Sorry- just got it to work- I had to add the #sb_primary{ in front of it :) Any way I can get the white line above the submit button removed?? The code above works with bumblebee but not when I add it into the CSS

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 09 December 2011 - 06:07 PM

Can you post a link to your site?

#8 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 09 December 2011 - 06:08 PM

Just got it to work. Thanks!