Sorry, I like to ask another support:
Where can I find options to adjust font size of titles when mouse hover the blog image? or how can I resize the title font and define font type?
http://blog.beeshaus.com/blog/

Thanks!!
Young

Hello
Thank you. I missed that when I inserted the code. Changing code is new to me.
What is the code to change the font and the size?
Thanks again
Marianne

Added the full url and this did not fix the problem here are the changes in the code

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
#avia-menu li a {
font-weight:normal !important;
}
/* General Custom CSS */
@media only screen and (min-width: 1024px) and  (max-width : 1140px) {
	#avia-menu li a {
font-size: 11px;
padding: 0 8px;
}
#header_main .responsive .container {
width: 95% !important;
}
}

@media only screen and (min-width: 768px) and  (max-width : 1024px)  {
    
.responsive .logo {
background: url('http://austindowntowncondos.com/wp-content/uploads/2015/04/Austin-Downtown-Condos-Main-Logo-275.png') no-repeat left center;
position: relative;
float: left !important;
background-size: auto 63%;
top: 0;
left: -10px;
}
.responsive .logo img {
margin: 0 auto;
display: none;
}
#header_main.responsive .container {
    width: 90%; !important;
}
#avia-menu li a {
font-size: 11px;
padding: 0 8px;
}
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (width: 768px) {
  /* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
.responsive .logo {
background: url('http://austindowntowncondos.com/wp-content/uploads/2015/04/Austin-Downtown-Condos-Main-Logo-275.png') no-repeat left center;
position: relative;
float: none !important;
background-size: auto 78%;
top: 0;
left: -10px;
}
.responsive .logo img {
margin: 0 auto;
display: none;
}
#header_main .responsive .container {
width: 95% !important;
}
#avia-menu li a {
font-size: 11px;
padding: 0 8px;
}

.responsive #top #header_meta .social_bookmarks li:last-child a{border-right:none !important ;}
}

Dear Elliot,

Yes you are right some of the banners have text in them.

However I tried your solution font-size: 2vw” ; there was no change.

The text has options to change its size in pixels (px) only.

Regarding your code font-size: 2vw ; Can you explain how it is to be done in detail?

Let me also tell you, I have already some code in Quick CSS box:
@media only screen and (max-width: 990px)
{#wrap_all {position: relative !important;}}

Please help !!

I did solve the problem by myself!!!! YEAH :)))

The solution: As my background is black and the font color is white I only had to increase the size of my background picture so you can read the text again ;-)

Thank you anyway and happy easter!!

Thanks, that worked!! Awesome! :D

Can I also add a code for the maximum font-size on mobile phones? Now it doesn’t fit because some words in the heading are quite large

Hi Yigit,

I think I know what you mean, but when I inspect the element I get the following code:

<span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-center avia_start_animation avia_start_delayed_animation" style="color:#edae44; border-color:#edae44;"><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

If I try to insert this into my pricing table it does not work. The field is empty when viewing the page.

Am I doing it correct?

Kind regards,

Brian