Hi Yigit
Hope you ok,
sorry to bother you again, but we have a little problem with font resizer from cubetech,
It actually doesn’t resize the font just pulls the text apart:
http://agefriendlyireland.ie/wordpress/
Could you advise what to do?
thank you
Aga

Thank you for your answer,
so lets say setting for text are

<h1><font color=”White”>Океан?</font>
and in “Styles” font size set to 35 pix

Would the text look exactly proportionate on different resolution screens? In other words, on lower resolution screens the text would not be on top one another?

Thanks Yigit,

Where can I see what’s been added in 2.9.1?

I didn’t realise I had any code in the quick CSS which affected the mobile menu – below is everything I have in there, can you tell me what I should take out please?

Thanks.

Kevin

#footer .widgettitle {
color: #E24C13;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
font-size: 14px;
}

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:165px; line-height: 165px; }

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 140px; line-height: 140px; }

/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height:88px; line-height: 88px;}
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
height:140px; line-height: 140px;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-left-style: solid;
border-left-width: 0px;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-right-style: solid;
border-right-width: 0px;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 0px;
}

.html_bottom_nav_header.html_logo_center #top #menu-item-search > a {
border-right-style: solid;
border-right-width: 0px;
}

#header_main {
border-top-style: solid;
border-top-width: 0px;
z-index: 1;
}

.header_color .header_bg { background-size: contain!important; }

.avia_textblock strong{
color:#FC8B1C;
}
.avia_textblock a{
color:#FC8B1C;
}

Nice,

Obviously this doesn’t cover anything other than font colour, bg colour, size and family, but that’s all I need…

Is there an option for body within the advanced styling section?

Thanks again

Hi Josue,

Perfect. Thank you!

3. Sure. I am having a hard time getting a screen shot. I love the text size of the headers and text below the banners on the following page – http://papernapkinmarketing.com/dental (see PRINT, THEMED VIDEOS, WEB, etc). I am hoping to have the headers and text below the banners be the same font size on this page – http://papernapkinmarketing.com/the-bodybuilding-camp (see ACCOMMODATIONS, YOGA AND MEDICATION, POST CAMP SUPPORT, etc)

Hi Yigit,

The code does increase the size of the font, but not the size of the background coloured circle.

How can I increase the size of the circle?

Danke!

P.S.:

the generated code is.:

<style>
#fountainTextG{
width:240px;
}

.fountainTextG{
color:#000000;
font-family:Arial Black;
font-size:25px;
text-decoration:none;
font-weight:normal;
font-style:normal;
float:left;
-moz-animation-name:bounce_fountainTextG;
-moz-animation-duration:1.43s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.5);
-webkit-animation-name:bounce_fountainTextG;
-webkit-animation-duration:1.43s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.5);
-ms-animation-name:bounce_fountainTextG;
-ms-animation-duration:1.43s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.5);
-o-animation-name:bounce_fountainTextG;
-o-animation-duration:1.43s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.5);
animation-name:bounce_fountainTextG;
animation-duration:1.43s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.5);
}

#fountainTextG_1{
-moz-animation-delay:0.44s;
-webkit-animation-delay:0.44s;
-ms-animation-delay:0.44s;
-o-animation-delay:0.44s;
animation-delay:0.44s;
}

#fountainTextG_2{
-moz-animation-delay:0.55s;
-webkit-animation-delay:0.55s;
-ms-animation-delay:0.55s;
-o-animation-delay:0.55s;
animation-delay:0.55s;
}

#fountainTextG_3{
-moz-animation-delay:0.66s;
-webkit-animation-delay:0.66s;
-ms-animation-delay:0.66s;
-o-animation-delay:0.66s;
animation-delay:0.66s;
}

#fountainTextG_4{
-moz-animation-delay:0.77s;
-webkit-animation-delay:0.77s;
-ms-animation-delay:0.77s;
-o-animation-delay:0.77s;
animation-delay:0.77s;
}

#fountainTextG_5{
-moz-animation-delay:0.88s;
-webkit-animation-delay:0.88s;
-ms-animation-delay:0.88s;
-o-animation-delay:0.88s;
animation-delay:0.88s;
}

#fountainTextG_6{
-moz-animation-delay:0.99s;
-webkit-animation-delay:0.99s;
-ms-animation-delay:0.99s;
-o-animation-delay:0.99s;
animation-delay:0.99s;
}

#fountainTextG_7{
-moz-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-ms-animation-delay:1.1s;
-o-animation-delay:1.1s;
animation-delay:1.1s;
}

#fountainTextG_8{
-moz-animation-delay:1.21s;
-webkit-animation-delay:1.21s;
-ms-animation-delay:1.21s;
-o-animation-delay:1.21s;
animation-delay:1.21s;
}

#fountainTextG_9{
-moz-animation-delay:1.32s;
-webkit-animation-delay:1.32s;
-ms-animation-delay:1.32s;
-o-animation-delay:1.32s;
animation-delay:1.32s;
}

@-moz-keyframes bounce_fountainTextG{
0%{
-moz-transform:scale(1);
color:#000000;
}

100%{
-moz-transform:scale(.5);
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fountainTextG{
0%{
-webkit-transform:scale(1);
color:#000000;
}

100%{
-webkit-transform:scale(.5);
color:#FFFFFF;
}

}

@-ms-keyframes bounce_fountainTextG{
0%{
-ms-transform:scale(1);
color:#000000;
}

100%{
-ms-transform:scale(.5);
color:#FFFFFF;
}

}

@-o-keyframes bounce_fountainTextG{
0%{
-o-transform:scale(1);
color:#000000;
}

100%{
-o-transform:scale(.5);
color:#FFFFFF;
}

}

@keyframes bounce_fountainTextG{
0%{
transform:scale(1);
color:#000000;
}

100%{
transform:scale(.5);
color:#FFFFFF;
}

}

</style>
<div id=”fountainTextG”>
<div id=”fountainTextG_1″ class=”fountainTextG”>
Н</div>
<div id=”fountainTextG_2″ class=”fountainTextG”>
О</div>
<div id=”fountainTextG_3″ class=”fountainTextG”>
Н</div>
<div id=”fountainTextG_4″ class=”fountainTextG”>
П</div>
<div id=”fountainTextG_5″ class=”fountainTextG”>
А</div>
<div id=”fountainTextG_6″ class=”fountainTextG”>
Р</div>
<div id=”fountainTextG_7″ class=”fountainTextG”>
Д</div>
<div id=”fountainTextG_8″ class=”fountainTextG”>
О</div>
<div id=”fountainTextG_9″ class=”fountainTextG”>
Н</div>
</div> – See more at: http://cssload.net/en/animated_text#sthash.aey5LAKe.dpuf