Change the color of "Add Business" button?
Posted this in the "Vantage - General Community" a week ago, but no solution emerged. Hoping for help here.
I'm using the navy.css theme in Vantage. I want to have the "Add Business Listing" button orange like in the green.css theme.
When I add the below to the style.css, everything works fine except I loose the plus sign "+" - Please advise.
When I include:
#sidebar .widget_create_listing_button,
#sidebar .widget_create_event_button {
border:1px solid #882100;
background: #E8643A; /* Old browsers */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5 vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwM CUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF 0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NzQiI GdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCU iIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b 3AtY29sb3I9IiNFODY0M0EiIG9mZnNldD0iMCIvPjxzdG9wIHN 0b3AtY29sb3I9IiNEMTMyMDAiIG9mZnNldD0iMSIvPgo8L2xpb mVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0 iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NzQpIiAvPgo8L 3N2Zz4=);
background: -moz-linear-gradient(top, #E8643A 0%, #D13200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8643A), color-stop(100%,#D13200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E8643A 0%,#D13200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E8643A 0%,#D13200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #E8643A 0%,#D13200 100%); /* IE10+ */
background: linear-gradient(top, #E8643A 0%,#D13200 100%); /* W3C */
box-shadow:inset 0 0 2px #F9C14F;
}
#sidebar .widget_create_listing_button:hover,
#sidebar .widget_create_event_button:hover {
background: #e45a2e;
}
#sidebar .widget_create_listing_button a,
#sidebar .widget_create_event_button a {
background: transparent url(../images/submit-review-button-burnt-orange.png) no-repeat 0 0;
color:#FFF;
-moz-text-shadow: 0 1px 1px #D13200;
-webkit-text-shadow: 0 1px 1px #D13200;
text-shadow: 0 1px 1px #D13200;
}
Everything works fine except I loose the "+" sign???