Hey!

@dmaca You are welcome, glad we could help :)

@kt2webdesign can you post the link to your website?

Best regards,
Yigit

Hello!

Please add following code as well

.avia_mega_div .avia-bullet { margin-top: 9px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }

Best regards,
Yigit

Hello ChunkyBits!]

Please try this on your custom.css or Quick CSS:

.fc-event-inner.fc-event-skin {
min-width: 80px;
padding: 0 10px;
margin: 0 auto;
top: 0;
left: 0;
min-height: 20px;
font-size: 10px !important;
border: none;
position: relative;
}

Cheers!
Ismael

Hello!

You can remove the responsive styling of the table on mobile view. You might need to adjust it a little. Edit css > shortcodes.css, find then remove this code:

@media only screen and (max-width: 767px)
{
	.responsive div .avia-data-table table,
	.responsive div .avia-data-table tbody,
	.responsive div .avia-data-table tr,
	.responsive div .avia-data-table td,
	.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
	.responsive .avia-data-table{border-style:solid; border-width: 1px;}
	.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
	.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
	.responsive .avia-data-table td:before {
	display:block;
	font-style: italic; font-size: 11px;
	}

	.responsive .avia-data-table td {
		position: relative;
	}
}

Best regards,
Ismael

Hey boursedata!

Your code looks fine. You can try forcing it by adding !important

h2 { font-size: 8px!important; }

Best regards,
Yigit

Hello!

The code above has nothing to do with font size. Can you give us a link to your website please? We need to inspect it. A screenshot will help.

Regards,
Ismael

Hi!

It is working. I even tried to change the icon from entypo character map: http://www.entypo.com/characters/

<center><span class="”av_font_icon avia-font-entypo-fontello" style="font-size: 50px;">✉</span></center>

This is the result.

Cheers!
Ismael

Hey!

You can change the style of the sale tag using this on your custom.css or Quick CSS:

#top .onsale {
position: absolute;
background: rgba(0, 0, 0, 0.8);
z-index: 10;
color: #FFF;
background: #7E9A47;
top: -220px;
right: 0;
left: auto;
margin: 0;
min-width: 40px;
}

span.onsale {
min-height: 32px;
padding: 4px;
font-size: 12px;
text-align: center;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 20px;
border-radius: 0;
}

Cheers!
Ismael

Hello rcgroup!

Please add following code to Quick CSS in Enfold theme options

span.ls-s-1 { text-align: left; }
@media only screen and (min-width: 989px) and (max-width: 1140px) { span.ls-s-1 span { font-size: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 988px) { span.ls-s-1 span { font-size: 17px; } }
@media only screen and (min-width: 989px) and (max-width: 1140px) {  span.ls-s-1 { left: 5px; } span.ls-s-1 span { font-size: 11px; } }

Regards,
Yigit

Hello BelIblis!

Please add following code to Quick CSS and adjust as desired

#top .main_menu .menu li ul a  { font-size: 15px; }
.header_color .main_menu .menu ul li a:hover { background-color: red; }

Best regards,
Yigit

Hey mattsimpson55!

They are bigger because you enabled MegaMenu on Services menu item. You can uncheck it in Appearance > Menus and it will look like how it supposed to look

Best regards,
Yigit