BuddyPress

Where do I change the font color of the button text?

Link: http://www.entrepreneursguru.com/events/2013/09/2013-international-business-seminar-abuja-nigeria/

  • Zyniker
    • WordPress Warrior

    Unless you meant the login and signup buttons, in which case, you'll want to override these two bits of code:

    input[type="button"], .button {
        background-color: #6699AA;
        border: 1px solid #6699AA;
        color: #FFFFFF;
        font-family: Arial,sans-serif;
    input[type="submit"] {
        background-color: #6699AA;
        border: 1px solid #6699AA;
        color: #FFFFFF;
        font-family: Arial,sans-serif;
    }
  • Zyniker
    • WordPress Warrior

    You should be able to override it just using style.css. I would highly recommend installing FireBug in FireFox and using that for debugging/editing purposes. It's extremely helpful when it comes to CSS. As for where the code is located at present, it looks like that may be an inline style.

  • Zyniker
    • WordPress Warrior

    It would seem that page has a lot of inline styling:

    <style type='text/css' media='screen'>a.button, a:link.button, a:visited.button, a:hover.button{
    	color: #fff;
    	font-family: Arial, sans-serif;
    }
    
    a, a:link, a:visited, a:hover{
    	color: #6699aa;
    }
    
    a:hover{
    	color: #666666;
    }
    
    #activity-list li, .item-list-tabs li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    div#item-header h3 span.highlight span, #activity-rss{
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    #activity-filter-links li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    .alert{
    	border: 1px solid #aaaaaa;
    	background-color: #eeeeee;
    }
    
    body{
    	color: #666666;
    	background: #666666;
    	font-family: Arial, sans-serif;
    }
    
    #bp-nav li{
    	border-bottom: 1px solid #ffffff;
    }
    
    #bp-nav li a{
    	color: #666666;
    	background: #DDDDDD	url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/foward.png') no-repeat;
    	background-position: 8px;
    }
    
    #bp-nav li a:link {
    	color: #666666;
    }
    
    #bp-nav li a:visited {
    	color: #666666;
    }
    
    #bp-nav li a:hover, #bp-nav li.current a, #bp-nav li.current a:link, #bp-nav li.selected a, #bp-nav li.selected a:link, #bp-nav li.current_page_item a:link, #bp-nav li.current_page_item a{
    	color: #eeeeee;
    	background: #666666	url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/foward.png') no-repeat;
    	background-position: 8px;
    }
    
    .content-header-nav li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #content-wrapper{
    	background-color: #ffffff;
    }
    
    .date{
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    .entry{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #featured-blogs-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    #feature-wrapper{background-color: #666666;}
    #feature-image{
    	background-color: #ffffff;
    }
    
    #featured-members-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #footer-links{
    	color: #dddddd;
    }
    
    #forum-topic-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #footer-links a, #footer-links a:link, #footer-links a:visited, #footer-links a:hover{
    	color: #dddddd;
    }
    
    #footer-wrapper{
    	background: #666666;
    	border-top: 3px solid #333333;
    }
    
    #friend-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    .generic-button{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #global-forum-topic-filters li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #global-forum-topic-list{
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    #global-forum-topic-list th{
    	background-color: #EEEEEE;
    }
    
    #global-forum-topic-list table{
    	border: 1px solid #EEEEEE;
    }
    
    .group-forum{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #groups-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #groups-list .generic-button, #members-list .generic-button{
    	border: none;
    }
    
    h1{
    	font-size: 40px;
    	color: #ffffff;
    	font-family: Arial, sans-serif;
    	text-shadow: 2px 2px 0 #111111;
    }
    
    h1 a, h1 a:link, h1 a:visited, h1 a:hover{
    	color: #ffffff;
    	font-family: Arial, sans-serif;
    }
    
    h2{
    	color: #cccccc;
    	font-family: Arial, sans-serif;
    }
    
    hr{
    	background-color: #EEEEEE;
    	color: #EEEEEE;
    }
    
    h3{
    	color: #6699aa;
    	font-size: 18px;
    	font-family: Arial, sans-serif;
    }
    
    h3#comments-number, h3#reply{
    	border-bottom: 1px solid #EEEEEE;
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    #latest h3{
    	color: #ffffff;
    	font-family: Arial, sans-serif;
    }
    
    .pagetitle, #settings-form h3, #profile-content h2{
    	border-bottom: 1px solid #EEEEEE;
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover{
    	color: #ffffff;
    	font-family: Arial, sans-serif;
    }
    
    #header-wrapper{	
    
    		background: #5A5A5A url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/header_background.png') repeat-x
    		;
    }
    
    .horiz-gallery li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    img{
    	border: 1px solid #EEEEEE;
    }
    
    img.avatar{
    	border: 1px solid #EEEEEE;
    	background-color: #ffffff;
    }
    
    .image{
    	background-color: #ffffff;
    	border: 1px solid #EEEEEE;
    }
    
    .info{
    	border: 1px solid #aaaaaa;
    	background-color: #eeeeee;
    }
    
    input[type="submit"]{
    	border: 1px solid #6699aa;
    	background-color: #6699aa;
    	color: #FFFFFF;
    	font-family: Arial, sans-serif;
    }
    
    input[type="submit"].search-dark{
    	border: 1px solid #496D79;
    	background-color: #496D79;
    	font-family: Arial, sans-serif;
    }
    
    input[type="text"]{
    	border: 1px solid #cccccc;
    	background-color: #ffffff;
    	color: #666666;
    	font-family: Arial, sans-serif;
    }
    
    input[type="search"]{
    	border: 1px solid #cccccc;
    	background-color: #ffffff;
    	color: #FFFFFF;
    	font-family: Arial, sans-serif;
    }
    
    input[type="password"]{
    	border: 1px solid #cccccc;
    	background-color: #ffffff;
    	color: #666666;
    	font-family: Arial, sans-serif;
    }
    
    input[type="text"].search-top{
    	border: 1px solid #333333;
    	background: #444444 url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/search.png') no-repeat right;
    	color: #DDDDDD;
    	font-family: Arial, sans-serif;
    }
    
    input[type="button"], .button{
    	border: 1px solid #6699aa;
    	background-color: #6699aa;
    	color: #FFFFFF;
    	font-family: Arial, sans-serif;
    }
    
    #invite-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    label{
    	color: #666666;
    }
    
    #latest a, #latest a:link, #latest a:visited, #latest a:hover{
    	color: #ffffff;
    }
    
    .latest-block{
    	border-right: 1px solid #88ccdd;
    	color: #ffffff;
    }
    
    .latest-block-end, .latest-block-end .pagetitle, .latest-block .pagetitle{
    	color: #ffffff;
    }
    
    #latest-wrapper{
    
    		background: #488ca1 url(http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/styles/blue_images/blue_feature_background.png) repeat-x
    		;
    
    	border-bottom: 1px solid #eeeeee;
    }
    
    #latest-wrapper .widget-error, #latest-wrapper .widget-error a, #latest-wrapper .widget-error a:link, #latest-wrapper .widget-error a:hover, #latest-wrapper .widget-error a:visited{
    	color: #666666;
    }
    
    .left-menu{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #login-wrapper{
    	border-top: 1px solid #6699aa;
    	background-color: #EEEEEE;
    }
    
    #members-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    .messages-options{
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    .sf-menu a, .sf-menu a:visited  { 	color: #ffffff; 	cursor: pointer;}
    
    .sf-menu li li { 	background-color: #333333;	cursor: pointer;}
    
    .sf-menu li li li {		background-color: #333333; 	cursor: pointer;}
    
    .sf-menu li:hover, .sf-menu li.current, .sf-menu li.current a:visited, .sf-menu li.current_page_item, .sf-menu li.current_page_item a:visited, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    	color: #ffffff;
    	background-color: #333333;
    	cursor: pointer;
    }
    
    .sf-menu .selected a{
    	color: #ffffff;
    	background-color: #333333;
    	cursor: pointer;
    }
    
    .navigation-wrapper .selected, .navigation-wrapper .current_page_item{
    	color: #ffffff;
    	background-color: #333333;
    }
    
    .navigation-wrapper{
    
    		background: #5A5A5A url(http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/navigation_background.png) repeat-x
    		;
    }
    
    ol.commentlist li.comment div.vcard img.avatar { border:1px solid #EBEBEB;
    }
    
    ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #dddddd; margin:0 0 20px 20px; }
    
    ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #dddddd; margin:0 0 20px 20px; }
    
    ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #dddddd; margin:0 0 20px 20px; }
    
    ol.commentlist li.even {
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    ol.commentlist li.odd {
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    ol.commentlist li.parent { border-left:5px solid #dddddd; }
    
    #options-nav li{
    	border-bottom: 1px solid #ffffff;
    }
    
    #options-nav li a{
    	color: #666666;
    	background: #DDDDDD	url('http://www.entrepreneursguru.com/wp-content/themes/bp-business_/inc/images/foward.png') no-repeat;
    	background-position: 8px;
    }
    
    #options-nav li a:link {
    	color: #666666;
    }
    
    #options-nav li a:visited {
    	color: #666666;
    }
    
    #options-nav li a:hover, #options-nav li.current a, #options-nav li.current a:link, #options-nav li.selected a, #options-nav li.selected a:link, #options-nav li.current_page_item a:link, #options-nav li.current_page_item a{
    	color: #eeeeee;
    	background: #666666	url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/foward.png') no-repeat;
    	background-position: 8px;
    }
    
    blockquote{
    	background: url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/styles/blue_images/blue_quote.png') no-repeat;
    	color: #6699aa;
        padding-left: 30px;
    }
    
    .post h1{
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    .post h2{
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    .post h3{
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    .post h4, #sidebar h4, #sidebar-left h4, #sidebar-small h4{
    	color: #6699aa;
    	font-family: Arial, sans-serif;
    }
    
    .post ol, .post ul, #sidebar ol, #sidebar-left ol, #sidebar ul, #sidebar-left ul, #sidebar-small ol, #sidebar-small ul{
    	color: #6699aa;
    }
    
    #random-members-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    #request-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    select{
    	border: 1px solid #666666;
    	background-color: #ffffff;
    	color: #666666;
    	font-family: Arial, sans-serif;
    }
    
    #signup-box{
    	border-left: 1px solid #EEEEEE;
    }
    
    .site-stats-number{
    	color: #ffffff;
    	background: url('http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/options.png') no-repeat;
    	background-position: 0px;
    }
    
    .standard-form{
    	border: 1px solid #EBEBEB;
    	background-color: #F8F8F8;
    }
    
    textarea{
    	border: 1px solid #666666;
    	background-color: #ffffff;
    	color: #666666;
    	font-family: Arial, sans-serif;
    }
    
    table.forum tr.sticky td.td-title {
    	background-image: url( http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/options.png );
    	background-position: 10px 30%;
    	background-repeat: no-repeat;
    }
    
    table.forum tr.closed td.td-title {
    	background-image: url( http://www.entrepreneursguru.com/wp-content/themes/bp-business/_inc/images/closed_topic.png );
    	background-position: 10px 30%;
    	background-repeat: no-repeat;
    }
    
    #topic-post-list li{
    	border-bottom: 1px solid #EEEEEE;
    }
    
    .widget-error{
    	border: 1px solid #aaaaaa;
    	background-color: #eeeeee;
    }
    
    </style>

    I'm not sure if it's being injected when the page is rendered or if it's hard coded into the page. Either way, you may wish to find a way to offload it into a .css file and then make your edits in that file (using !important if you find they do not apply without it).

  • Zyniker
    • WordPress Warrior

    Well, you have two choices, really: drop the css into style.css for your theme (I would recommend creating a child theme if you intend to use the same design for a while) or drop the css into front.css for Events+, which is located in /wp-content/plugins/events-and-bookings/css/.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.