badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How To Change Slogan Button Color

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #3435
    MarkNth
    Participant

    How would I go about changing the slogan button color?

    #3437
    shawnhoffman
    Participant

    I believe this is in the style.css (Appearance > Editor > styles.css) then do a search for “.slogan-wrap .view-work”

    You will need to find the correct colors for the gradient you want, and change the standard, hover, and active colors. I am new to this theme, so somebody feel free to correct me if that’s not it.

    #3478
    Sanjip Shah
    Participant

    @shawnhoffman In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the css there, make changes as you like and click on ‘Save all Changes’. This way you won’t lose the changes when you update the theme.

    #3495
    MarkNth
    Participant

    Paste what CSS there?

    #3531
    sovit ranjitkar
    Keymaster

    To change the slogan button color Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

    .slogan-wrap .view-work {
            background: #b5e6ee;
    	background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
    	background: -moz-linear-gradient(#d0eef4, #b5e6ee);
    	background: -ms-linear-gradient(#d0eef4, #b5e6ee);
    	background: -o-linear-gradient(#d0eef4, #b5e6ee);
    	background: -webkit-gradient(#d0eef4, #b5e6ee);
    	background: linear-gradient(#d0eef4, #b5e6ee);
    }
    .slogan-wrap .view-work:hover {
    	background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
    	background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
    	background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
    	background: -o-linear-gradient(#E3F5F9, #b5e6ee);
    	background: -webkit-gradient(#E3F5F9, #b5e6ee);
    	background: linear-gradient(#E3F5F9, #b5e6ee);
    }

    Note: Change all above HEX color code d0eef4 for top also change all b5e6ee for bottom and change all E3F5F9 for mouse hover effect with your own HEX color code for HEX color code visit this link http://0to255.com/

    Now, Click on Save All Changes Button and Refresh your browser.

    Thank you!

    #3532
    MarkNth
    Participant

    A million thanks! Worked perfectly 🙂

    #6007
    Justin
    Participant

    Followed all the instructions above, but still no change to the slogan button color. Have there been any reported issues?

    #6018
    Rabin Shrestha
    Participant

    Hi Justin,

    Can you post link to your site?

    Rabin

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.