Need Help with CSS for Joomla side project

Rho Delta

Well-known member
#1
Hi there, I have started a side project on a micro pinterest style site and need some help altering the CSS from the default template I bought. I know this isn't a Joomla help forum, but everyone here seems super knowledgeable and helpful so I thought I would give it a shot. My issue is that some of the buttons were not created using image files but some sort of rendering device and autogradients. I think I have narrowed down the code to this:

Code:
/******** pin-it-display  ****************************************/
 
.pin-it-display{width: 550px;margin: 40px;}
.pin-it-display .image-left{float: left;width:170px;}
.pin-it-display .image-left img{box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
#upload_pin .select-box .select-board{width:240px;height:33px;float: left;background: transparent; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}
#upload_pin .select-box{margin-top: 8px;}
.upload_pin_window .select-box .creat_bttn{margin: 7px 0 0 15px !important; }
#upload_pin .select-box .creat_bttn{margin: 0 0 0 15px;}
#upload_pin li .pin-it-submit{box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
    background: -moz-linear-gradient(center top, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
    background: -o-linear-gradient(top left, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5d6e', endColorstr='#d63e40');
    border: #AD0303 1px solid; padding: 1% 4%;    border-radius: 6px;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;    font-size: 18px;    color: #FCF9F9;    text-shadow: 0 -1px rgba(34, 25, 25, 0.5);    cursor: pointer;}
#upload_pin .select-box .pin-it-error label{text-align:left;margin-left: 0;}
#upload_pin .custom-select{background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); cursor: pointer; border: 1px solid #cccaca; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;}
.upload_pin_window #login_error_msg{clear: both;display: block;margin: 0 0 15px 0;}
If you think you can help me change the color of the button let me know and I will send you the URL so you can see it and my css stylesheet. Thanks!
 
Top