Thanks Tomas, it worked, my css is as follows:
.corner { border-radius: 35px; border-style: solid; border-color: #236B8E; } hr { background-color:#236B8E; none; height: 2px; width: 75%; margin: 15px auto;}
/* ##### local info hover boxes ##### */
.local-info-hover-box { position:relative; } .local-info-hover-box.textbox {overflow: hidden; width:200px; height:150px; position:absolute; top:0; left:0; -webkit-transform: scale(0); transform: scale(0); border-radius:5px; background-color: rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); } .local-info-hover-box:hover .textbox { -webkit-transform: scale(1); transform: scale(1); } .text { padding-top: 50px; } .textbox { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
/*##### logo #####*/
#HPC-logo { position: absolute; width: 140px; height: 140px; bottom: 18px; right: 10px;} .credit {text-align: right; font-size: 10px; margin-top: -22px;} #clipboard { width:100%; background: url(https://DOMAIN/wordpress/wp-content/uploads/2015/08/clipboard_05.png); background-repeat: repeat-y; background-size: 100%;} #clipboard-list {position: relative; width: 90%; margin-left: 30px;} #clipboard-list ul li { list-style: none; font-size: 25px; line-height: 45px;} #clipboard-list a {text-decoration: none; color: black;} .clipboard-more {background: green;} .textwidget {color: #ffffff; a href:#; font-size:15px;} .round{ border-radius: 15px;} #clipboard-more: {position: absolute; bottom: 10px; right: 8px; background: green;}
is there a way in the free version of the theme to change it so all of the custom css does not clump together?
Thanks again,
Tom