0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

SOLVED login button background color

Last Post
Search Topic
    • sfast1's Avatar
    • sfast1
    • Sr. Rocketeer
    • Posts: 236
    • Thanks: 0

    SOLVED login button background color

    Posted 13 years 7 months ago
    • Does anybody know how to adjust the image or color of the joomla login button? Any help would be so greatly appreciated. Is it an image adjustment or a css adjustment?
    • Last Edit: 13 years 7 months ago by sfast1.
    #717980
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: SOLVED login button background color

    Posted 13 years 7 months ago
    • Which login button?

      Can you link to the website or let us know what template your using?
    • Kiss my RSS
    #717985
    • sfast1's Avatar
    • sfast1
    • Sr. Rocketeer
    • Posts: 236
    • Thanks: 0

    Re: SOLVED login button background color

    Posted 13 years 7 months ago
    • Panacea Template Joomla 1.5 Latest Gantry

      I am using a 3rd party login Mod_loginregister

      You can see the login in the sidebar of home page... my problem is that the background of the login button is light and so is my text.. I want to keep the text light and was wanting to change the background image or css of the login button.

      Thx
    • Last Edit: 13 years 7 months ago by sfast1.
    #717997
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: SOLVED login button background color

    Posted 13 years 7 months ago
    • Goto
      www.lebonrealestateoc.com/templates/rt_p.../css/demo-styles.css

      Add this to the end of the CSS file.
      /* Login Button */
#form-login .button {
     -webkit-border-radius: .5em; 
     -moz-border-radius: .5em;
     border-radius: .5em;
     color: #fef4e9;
     border: solid 1px #da7c0c;
     background: #f78d1d;
     background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
     background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

      It will make an orange gradient rounded button keeping your white text ontop :)
    • Kiss my RSS
    #718000
    • sfast1's Avatar
    • sfast1
    • Sr. Rocketeer
    • Posts: 236
    • Thanks: 0

    Re: SOLVED login button background color

    Posted 13 years 7 months ago
    • Wow.. that worked awesome.. Thank You So Much for your time and expertise. YOu really got me out of a jam.

      How does one learn to style? I can do the basics, but want to learn how to code like that. Is there a good book or course?


      Thanks

      Steve
    #718289
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: SOLVED login button background color

    Posted 13 years 7 months ago
    • Firstly... get firebug!
      Then learn how to use it (its easy) it will let you inspect elements within a web page and edit the CSS of any website to see a live preview of how it would look if you had edited the real CSS.

      For the style info used above, have a look through google at CSS3 styling and how to use CSS3 to make rounded edges and gradients.

      Ad
    • Kiss my RSS
    #718361

Time to create page: 0.079 seconds