None. It’s a stock install.

Here’s my custom css:

#top #wrap_all .social_bookmarks {font-size:18px;}

.avia-icon-list .iconlist_icon {
height: 64px;
width: 64px;
line-height: 64px;
font-size: 45px;
text-align: center;
border-radius: 500px;
position: relative;
float: left;
margin-right: 30px;
margin-left: 2px;
z-index: 5;
color: #fff;
}
.sliderbutton:hover {background:#4d823e!important;}

.floating-buynow a {
position: fixed!important;
z-index: 99;
right: 5%;
top: 52%;
border-radius:10px; -webkit-border-radius: 10px; border: 1px solid #ffffff; box-shadow: 1px 1px 5px #777; -webkit-box-shadow: 1px 1px 5px #777;
background-color:#7fc241;
}

h1, h2 {text-transform:none!important;
}
.main_color .av-masonry {
background-color:#719430;}
.avia-testimonial-content {text-align: justify;}

.subscribe {
position: fixed!important;
z-index: 99;
right: 6%;
top: 62%;}
.html_visible_cart .cart_dropdown {
right: 5px;
top: 41px;
}
.header_color .cart_dropdown_first .cart_dropdown_link {color:#7fc241;}
#top .av-menu-button > a .avia-menu-text {border-color: #7fc241;}

@media only screen and (max-width: 1024px) {
.floating-buynow {
display: none !important;}
.subscribe {display: none !important;}
}
@media only screen and (max-width: 1216px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}

But that only let’s me make changes for and <h1> – <h6>, not just to change the background and font color for normal menu text.

Also, is there a theme option to increase font size of menu items, or can that only be done in custom css?

Ok, Yigit. I need additional information.

1 – how do I control the width of the tab (text block)?

2 – I want it to be wider where loads the text on the screen. How to justify text within the tab?

3 – And how to control the size of the font in the title of the tab?

LINK IMAGEM
http://www.screencast.com/t/ty9zNA4LPsEc

Thank you,
But i don’t wont to emprove the size of the font, but the width of the paragraph. like the width of the image.

Thank You

Thanks.

1-4. no it did not help.
Maybe there is something in the Quick Css (I copy all of it from another blog I have)

.single .big-preview { display: none !important; }
.template-blog .post-title {
padding-top: 0 !important;
}

.blog-categories, .text-sep-cat {
display: none;
}

.image-overlay {
display: none!important;
}

.hr {
height: 25px;
line-height: 25px;
margin: 0;
}

body .column-top-margin {
margin-top: 10px;
}
.big-preview { display: none !important; }
.html_header_top.html_logo_center .logo {
left: 1%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media only screen and (max-width: 841px) {
.html_header_top.html_logo_center .logo {
left: 1%;
}}

.template-blog .post_delimiter{margin: 0 0 20px 0;}
.post-meta-infos { display: none !important; }

.page-thumb {
display: none;
}

#top .fullsize .template-blog .post-title { text-align: left; }
#top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 0; }
.pagination .current {
background: #e01919!important;
color: #ffffff!important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 800px;
}
.new-york-inspiration .sidebar {
width: 30em;
}
.new-york-inspiration #content {
width: 74em;
}
.single .container .av-content-small.units {
width: 75%;
}
.sub-menu{
min-width: 320px;
border: 0 !important;
}
.sub-menu a {
border: 0 !important;
border-bottom: 1px solid white !important;
}
.av-inner-masonry, .av-inner-masonry * {
transform: none !important;
transition: none 0s ease 0s !important;
}
.av-masonry-date { display: none !important; }

.av-masonry-entry {
visibility: visible;
opacity: 1;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none!important;
-moz-animation: none!important;
animation: none!important;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
border-left-width: 2px;
border-color: orange;
}

#aptftbytap_domain-6 {
left: 20px;
}
@media only screen and (max-width: 767px) {
.av-hotspot-fallback-tooltip {
display: none !important;
}
}
h2.post-title.entry-title {
font-size: 20px!important;
}
h3.search-box-title-1 {
font-family: oswald!important;
}
#header_meta span.avia-bullet { display: none !important; }

Hi Yigit, I do not want to hide it from the mobile, I just want that the text area, will be shown in smaller font size while on mobile.

I have managed to do so with the “special heading” but not with the “text area”

Thanks
Tal

Still showing the same font size.

Great, thanks.

I also noticed that the text size in the captions showing on hover over the images is very big on mobile. How can I reduce the font size of the captions on mobile devices?

I want the size to be the same as the font size, placed only between the menu items, not at the ends, and the gap linke in your Minimal Portfolio Theme. Thanks

Here are the group of codes I copied from this page and tried to make a similar one by adding 3 code blocks in my page:

Code Block #1

<script type="text/javascript">
$(document).ready(function(){ 
	var _scroll = true, _timer = false, _floatbox = $("#contact_form"), _floatbox_opener = $(".contact-opener") ;
	_floatbox.css("right", "-320px"); //initial contact form position
	//Contact form Opener button
	_floatbox_opener.click(function(){
		if (_floatbox.hasClass('visiable')){
            _floatbox.animate({"right":"-320px"}, {duration: 300}).removeClass('visiable');
        }else{
           _floatbox.animate({"right":"0px"},  {duration: 300}).addClass('visiable');
        }
	});
	//Effect on Scroll
	$(window).scroll(function(){
		if(_scroll){
			_floatbox.animate({"top": "30px"},{duration: 300});
			_scroll = false;
		}
		if(_timer !== false){ clearTimeout(_timer); }           
			_timer = setTimeout(function(){_scroll = true; 
			_floatbox.animate({"top": "10px"},{easing: "linear"}, {duration: 500});}, 400); 
	});
	//Ajax form submit
    $("#submit_btn").click(function() { 
        var proceed = true;
        //simple validation at client's end
        //loop through each field and we simply change border color to red for invalid fields       
        $("#contact_form input[required=true], #contact_form textarea[required=true]").each(function(){
            $(this).css('border-color',''); 
            if(!$.trim($(this).val())){ //if this field is empty 
                $(this).css('border-color','red'); //change border color to red   
                proceed = false; //set do not proceed flag
            }
            //check invalid email
            var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
            if($(this).attr("type")=="email" && !email_reg.test($.trim($(this).val()))){
                $(this).css('border-color','red'); //change border color to red   
                proceed = false; //set do not proceed flag              
            }   
        });
       
        if(proceed) //everything looks good! proceed...
        {
            //get input field values data to be sent to server
            post_data = {
                'user_name'     : $('input[name=name]').val(), 
                'user_email'    : $('input[name=email]').val(), 
                'country_code'  : $('input[name=phone1]').val(), 
                'phone_number'  : $('input[name=phone2]').val(), 
                'subject'       : $('select[name=subject]').val(), 
                'msg'           : $('textarea[name=message]').val()
            };
            
            //Ajax post data to server
            $.post('floating-contact-form', post_data, function(response){  
                if(response.type == 'error'){ //load json data from server and output message     
                    output = '<div class="error">'+response.text+'</div>';
                }else{
                    output = '<div class="success">'+response.text+'</div>';
                    //reset values in all input fields
                    $("#contact_form  input[required=true], #contact_form textarea[required=true]").val(''); 
                }
                $("#contact_form #contact_results").hide().html(output).slideDown();
            }, 'json');
        }
    });
    
    //reset previously set border colors and hide all message on .keyup()
    $("#contact_form  input[required=true], #contact_form textarea[required=true]").keyup(function() { 
        $(this).css('border-color',''); 
        $("#result").slideUp();
    });
	
});
</script>

Code Block #2

<div class="floating-form" id="contact_form">
<div class="contact-opener">Open Contact Form</div>
    [av_contact email=' (Email address hidden if logged out) ' title='Contact Us' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='active' hide_labels='aviaTBhide_labels' form_align='' color='']
[av_contact_field label='Name' type='text' options='' multi_select='' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Last Name' type='text' options='' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' multi_select='' check='is_email' width=''][/av_contact_field]
[av_contact_field label='phone' type='text' options='' check='is_phone' width=''][/av_contact_field]
[av_contact_field label='Desired Territory' type='select' options='Colorado, Connecticut, Delaware, Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana, Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana, Nebraska, Nevada, New Hampshire, New Jersey, New Mexico, New York, North Carolina, North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina, South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia, Wisconsin, Wyoming' multi_select='aviaTBaviaTBmulti_select' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Zip Code' type='text' options='' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Your Available Cash Is:' type='select' options=', $200.000-$500.000, $500.000-1.000.000,' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='Your Approx. Networth is:' type='select' options=',$00000,0000' check='is_empty' width=''][/av_contact_field]
[av_contact_field label='What is your timeline to invest?' type='select' options=',60 days, 90 days, 120 days, over 120 days' check='' width=''][/av_contact_field]
[/av_contact]
</div>
</div>

Code Block #3

.floating-form{max-width:320px;padding:30px 30px 10px;font:13px Arial,Helvetica,sans-serif;background:#F9F9F9;border:1px solid #ddd;right:10px;position:fixed;box-shadow:-2px 0 8px rgba(43,33,33,.06);-moz-box-shadow:-2px 0 8px rgba(43,33,33,.06);-webkit-box-shadow:-2px 0 8px rgba(43,33,33,.06)}.contact-opener{position:absolute;left:-88px;transform:rotate(-90deg);top:100px;text-shadow:1px 1px 1px rgba(0,0,0,.43);border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}.floating-form-heading{font-weight:700;font-style:italic;border-bottom:2px solid #ddd;margin-bottom:10px;font-size:15px;padding-bottom:3px}.floating-form label{display:block;margin:0 0 15px}.floating-form label>span{width:70px;font-weight:700;float:left;padding-top:8px;padding-right:5px}.floating-form span.required{color:red}.floating-form .tel-number-field{width:40px;text-align:center}.floating-form .long{width:120px}.floating-form input.input-field{width:68%}.floating-form .select-field,.floating-form .tel-number-field,.floating-form .textarea-field,.floating-form input.input-field{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #C2C2C2;box-shadow:1px 1px 4px #EBEBEB;-moz-box-shadow:1px 1px 4px #EBEBEB;-webkit-box-shadow:1px 1px 4px #EBEBEB;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:7px;outline:0}.floating-form .input-field:focus,.floating-form .select-field:focus,.floating-form .tel-number-field:focus,.floating-form .textarea-field:focus{border:1px solid #0C0}.floating-form .textarea-field{height:100px;width:68%}.contact-opener,.floating-form input[type=button],.floating-form input[type=submit]{-moz-box-shadow:inset 0 1px 0 0 #3985B1;-webkit-box-shadow:inset 0 1px 0 0 #3985B1;box-shadow:inset 0 1px 0 0 #3985B1;background-color:#216288;border:1px solid #17445E;display:inline-block;cursor:pointer;color:#FFF;padding:8px 18px;text-decoration:none;font:12px Arial,Helvetica,sans-serif}.contact-opener,.floating-form input[type=button]:hover,.floating-form input[type=submit]:hover{background:linear-gradient(to bottom,#2D77A2 5%,#337DA8 100%);background-color:#28739E}.floating-form .success{background:#D8FFC0;color:#2E6800;border-left:3px solid #2E6800}.floating-form .error,.floating-form .success{padding:5px 10px;margin:0 0 5px;border:none;font-weight:700}.floating-form .error{background:#FFE8E8;color:red;border-left:3px solid red}

The contact form still stays float but the buttom part is out of page and the opener doesnt work. Haven’t checked if the contact form itself works or not.

Lest do it together.