Tagged: slogan button
- This topic has 7 replies, 6 voices, and was last updated 10 years, 4 months ago by Rabin Shrestha.
-
AuthorPosts
-
August 21, 2013 at 1:42 am #3435MarkNthParticipant
How would I go about changing the slogan button color?
August 21, 2013 at 2:17 am #3437shawnhoffmanParticipantI 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.
August 22, 2013 at 10:12 am #3478Sanjip ShahParticipant@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.
August 22, 2013 at 4:24 pm #3495MarkNthParticipantPaste what CSS there?
August 23, 2013 at 1:03 pm #3531sovit ranjitkarKeymasterTo 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 allb5e6ee
for bottom and change allE3F5F9
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!
August 23, 2013 at 1:19 pm #3532MarkNthParticipantA million thanks! Worked perfectly 🙂
January 5, 2014 at 7:46 pm #6007JustinParticipantFollowed all the instructions above, but still no change to the slogan button color. Have there been any reported issues?
January 6, 2014 at 8:34 am #6018Rabin ShresthaParticipantHi Justin,
Can you post link to your site?
Rabin
-
AuthorPosts
- You must be logged in to reply to this topic.