Button Link Color in CSS

Go down

Solved Button Link Color in CSS

Post by Zuke on January 22nd 2016, 10:35 pm

Hey there! I've been trying to make my button's link color white but it's no use.

Code:

Code:
<div class="boxed">
                 <span style="color: #fff;"> </span>       
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/forum">Home</a>         
   </button><span style="color: #fff;">  -  </span>     
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/memberlist">Members</a>     
   </button><span style="color: #fff;">  -  </span>   
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/privmsg?folder=inbox">Mailbox</a>         
   </button><span style="color: #fff;">  -  </span> 
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/faq">Help</a>       
   </button><span style="color: #fff;">  -  <span style="color: #fff;">  -  </span></span> 
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/calendar">Calendar</a>       
   </button><span style="color: #fff;"><span style="color: #fff;">  -  </span></span> 
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/h2-ocean-cp">Ocean CP</a>       
   </button><span style="color: #fff;"><span style="color: #fff;"></span>        </span>
</div>
 <style>
button {
    background-color: #00aceb;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 2px;
}
</style>

What I have at the moment:

http://prntscr.com/9tjgn7

What I want:

http://prntscr.com/9tjgyc

Please help! Thanks!


Last edited by Zuke on January 22nd 2016, 10:47 pm; edited 1 time in total
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: Button Link Color in CSS

Post by SLGray on January 22nd 2016, 10:44 pm

Change:
Code:
<span style="color: #fff;"> </span>      
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/forum">Home</a>          
to
Code:
<span style="color: #fff;"> </span>      
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/forum"><font-color= YOUR COLOR>Home</font></a>          


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43479
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Button Link Color in CSS

Post by Zuke on January 22nd 2016, 10:48 pm

@SLGray wrote:Change:
Code:
<span style="color: #fff;"> </span>      
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/forum">Home</a>          
to
Code:
<span style="color: #fff;"> </span>      
   <button style="color: rgb(255, 255, 255);" type="button">
                  <a href="/forum"><font-color= YOUR COLOR>Home</font></a>          
Lol, can't believe I forgot to try that! Solved!
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: Button Link Color in CSS

Post by SLGray on January 22nd 2016, 10:53 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43479
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum