Hi,
I apologize for my noobiness, but I am having troubles with my Quick CSS entries. They had been working well for a while, but somehow are now messed up so that some work and some don’t. Specifically, the resizing of the phone number top right of the header and the search icon bottom right of the header, as well as the phone icon button below the contact form. I suspect it has something to do with my curly brackets. Here is my Quick CSS:

@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 93%;
height: auto !important;
margin-left: 0px!important;
margin-top: 5px!important;
}

@media only screen and (max-width: 767px) {
#advanced_menu_toggle{
display: block;
right: -15px;
top: 40px;
}

@media only screen and (max-width: 767px) {
#mobile-advanced {
background-color: rgba(255,255,255,0.95);
}

@media only screen and (max-width: 990px) and (min-width: 481px) {
div.grid-content {
display: none!important;
}

div.grid-content { pointer-events: none;
}

.av_phone_active_right .phone-info {
padding-left: 0px;
font-size: 14px;
}

#top .menu-item-search-dropdown > a,
#searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 22px;
}

@media only screen and (max-width: 990px) {
#socket .sub_menu_socket { display: none;
}

span.special_amp:nth-of-type(1) {
margin: 0 -0.02em;
}

span.special_amp:nth-of-type(2) {
margin: 0 .01em;
}

.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

.av_font_icon.av-icon-style-b}} .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #96af29;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

@media only screen and (max-width: 990px) {
.avia-tooltip {
display: none !important;
opacity: 0 !important;
}

@media only screen and (max-width: 990px) {
.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}

span.av_icon_caption.av-special-font {
color: #c3c3c3;
}

2) Could you please tell me how to add a phone icon to the left of the phone number top right of the header?

Thanks,
Trevor

Hello:

I can’t change the h1 color, i try with several codes that i have found here in the forum, but no one works. If I change the font size in the same code, it works, bur the font color remains white.

Thanks in advance for your help.

Hello,

You already helped me with some style changes, but there is still one thing: How can I define the font style of the icon list title and content? I would like to set the title to Coda and the content to Arimo 15px each.

Quick css looks like this:

body {
font-size: 16px;
}

.avia_transform .av_font_icon {
margin-bottom: 30px;
}

.main_color .iconlist_content {
color: white !important;
}

#footer .widgettitle, .main_color .sidebar_tab, .main_color .tabcontainer .tab, .avia-icon-list .iconlist_title {
text-transform: none;
color: white;
}

.phone-info span, #top .social_bookmarks li a { color: white !important; }

Thanks a lot

Hello,

I m finishing my project and i have detected that visitors, when they access to next section (http://www.novamaris.es/alquiler-de-veleros/) they don t know that they have to click over portfolio iltem to go inside full information. This happens when they visit the website with mac or pc but usually and more when they visit with tablet or smartphones.
For this reason a would link to insert an automatic button link in port folio entries (like Click me to read more, …). How can be done?
At same section, portfolio items gallery are to close without padding. How can i separete them?
As well, you will see that i m working with to domains for two different language (WPML). If you visit each domain, you will see that aparently are equal but not true, I think that size font or font type are a bit different. Why is it?
Thanks for all.
Regards
Sergio

Is there a way to change the text (font) size in a Content Element text Block? I have a notion that it is a line of code, or command that is put in front of the text but I cannot figure it out.