Jump to content

Archived

This topic is now archived and is closed to further replies.

rijans

Button color changing not working

Recommended Posts

rijans    5
rijans

I was trying to change to button color of http://techgainer.com/login and/or all buttons across the site! For that, I used the code

.wp-core-ui .button {background:#FF6400; border-color: #6c2b00;}

 

But it's not working!


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
batman    389
batman

Hi rijans

 

Please, you can try with

 
.wp-core-ui .button-primary {
    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}
 
.wp-core-ui .button-primary:active {
    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}
 
wp-core-ui .button-primary:hover {
    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
rijans    5
rijans

batman  not working. code is now live on the site. see the button at 

 

http://www.techgainer.com/wp-login.php


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
batman    389
batman

Hi

Please you can try with

 

#wp-submit.button.button-primary.button-large {

    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}

 

#wp-submit.button.button-primary.button-large:active {

    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}

 

#wp-submit.button.button-primary.button-large:hover {

    background: none repeat scroll 0% 0% #FF6400 !important;
    border-color: #6c2b00;
}

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
rijans    5
rijans

batman Still not working! :( Code is live on site


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

This button is not related to PageLines/DMS and is part of the Wordpress core. If you want to customize it and are having issues, you will need to ask this question on the Wordpress support forums.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
      Button: FAÇA SUA INSCRIÇÃO.
      Tks
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      i like to know if i can use signup button shortcode inside text editor or embed section.
      Tks.
    • DanatTLFN
      By DanatTLFN
      Site URL: thelocalfilmnetwork.com
      DMS Firmware: 2.2.1
      Wordpress: 4.5.1
      --------------------------------------
      Ticket Reference: 
       
      At the bottom of this post, there is a CSS only option that I have implemented into my site. It looks brilliant, and I am super grateful for that addition to the thread. The only issue I am having is that the code he provides does not include all of the styling options for the button itself.
      My question is, how might I go about editing the styling of the button i.e. shadows, every element of the coloring, and border colors?
      No big deal if it's not easy to fix. Happy to provide any further information if necessary.
      Kind regards,
      Dan
      P.S. I have opened up the button in Google Dev window with Inspect and start editing it there, but it looks like there are some areas of the code that are connected to an external source (most likely bootstrap) and therefore I can't seem to edit it as much as I would like.
    • norbert
      By norbert
      With the great options to make price tables, i would skip the button under every option. But .... how can I do this?
    • dgsarnow
      By dgsarnow+
      I would like to add Google Analytics click tracking to the buttons on my site. I use the Pagelines shortcodes for the buttons. I was able to add the necessary header script easily using Custom Scripts.
       
      How can I insert the following onclick option to my buttons?
       
      onclick=”trackOutboundLink(‘http://www.domain.com’); return false;"          
×