For some reason it is still not working

here is ALL the code i have may be there is a conflict?

#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 800px; }

#footer a {
color: black;
}
#footer a:hover {
color: blue;
}

.widget_recent_entries li a {
font-style: normal !important;
}

.image-overlay {
visibility: hidden;
}

div#commentform.fb-social-plugin {
margin-left: 17%;
}

@media only screen and (max-width: 767px) {
.container.template-blog {
width: 94%;
}}

span.blog-tags.minor-meta {
display: none;
}

.home .content { padding-bottom: 10px; }

span.av-masonry-date { display: none; }
.av-masonry-entry .av-inner-masonry-content { padding: 20px; }

@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab_titles {
display: block;
border-top: 1px solid #555555;
}
.responsive .top_tab .tab.fullsize-tab {
display: none;
}
.responsive #top .footer_color .tabcontainer .active_tab {
color: #444; }
}

@media only screen and (max-width: 480px) {
.av-inner-masonry-content.site-background {
background: rgba(255,255,255,0.5) !important;
}}

body .container_wrap .hr.avia-builder-el-first { margin: 10px 0; }
.av-special-heading { margin-top: 10px; }
.avia-content-slider { margin: 10px 0; }

@media only screen and (max-width: 479px) {
.responsive #top .related_entries_container .av_one_eighth {
margin-bottom: 3px;
}}

#scroll-top-link {
background-color: grey;
}

@media only screen and (max-width: 767px) {
ul.av-share-box-list {
margin-bottom: 80px;
}
}

h5.av-share-link-description {
text-align: center;
}

#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a {
color: #888;
background-color: white;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}

#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-mail:hover a { color: #888;
background-color: white;
}

#top .avia-post-nav { background: rgba(0,0,0,0.4); padding: 30px; }

function new_share_title() {
$output = “Your new share title here”;
return $output;
}
add_filter(‘avia_social_share_title’, ‘new_share_title’);

Nope sorry, didn’t work, it still covers up the logo.
Would any of these other codes conflict with this?
.av_phone_active_right .phone-info {
float: right;
font-size: 15px;
}
body{
font-size: 14px !important;
}
#footer h3.widgettitle {
color: white!important;
font-size: 20px!important;
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#header_main .container {
width: 100%;
margin: 0;
}
strong.logo {
margin-left: 5%;
}
@media only screen and (max-width: 1340px) }
strong.logo {
margin-left: 5%;
}
}
@media only screen and (max-width: 520px) {
.responsive .logo a, .responsive .logo img {
margin-top: 10px;
max-width: 300px !important;
height: auto !important;
}
}

Hmm, guess I found a part of the solution here:
– http://kriesi.at/documentation/enfold/change-the-default-font-size

However, I’ve read several questions about font styling here at the forum, and have to say: it’s far from easy to change font attributes…

For example, look at this topic:
– https://kriesi.at/support/topic/change-font-size-of-text-elements

Who could have found that solution without help?

Oops! I figured it out. I added this:

span.amount {
font-size: 14px;
position: relative;
top: -40px;
}

Let me know if there’s a better way to do it. Thanks!