Hi!

You can add this on your custom.css or Quick CSS:

h2 span {
text-transform: none;
font-weight: 300;
}

You can also add a special css selector for the heading then apply css modifications to it.

Best regards,
Ismael

Hey!

You can simply highlight the text and choose to display it as a heading element as shown here http://i.imgur.com/MWdNPVg.jpg

Cheers!
Yigit

Hi andri7luck!

Can you point out the font on demo site or on your website so we can provide you accurate custom CSS code?

Regards,
Yigit

Hi!

Please use this on Quick CSS:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.portfoliotypeheader {
letter-spacing: -2px;
font-weight: bold;
font-size: 40px;
line-height: 50px;
width: 100%;
display: block;
}
}

Regards,
Ismael

Hey!

You can use this:

.avia-caption-title {
font-family: 'Raleway', sans-serif !important;
font-size: 15px;
line-height: 24px;
}

Regards,
Ismael

Hey!

Please add following code to Quick CSS in Enfold theme options under Styling tab

.tabcontainer .tab_icon { font-size: 20px; color: red; }
.js_active .tab { font-size: 15px; }

Best regards,
Yigit

Hey!

Please add following code to Quick CSS and adjust as desired

.iconbox .iconbox_content .iconbox_content_title { font-size: 20px; }

Regards,
Yigit

Hey,

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

You can add something like this on your custom.css or Quick CSS:

.avia_textblock.awesome-textblock p {
background: blue;
padding: 10px;
font-size: 20px;
}

Regards,
Ismaels

Hey!

I think you’re using the Layer Slider. You can edit the layer then go to Attributes panel. Add a unique css class selector, example “awesome-layer”. Apply the font on Quick CSS:

.awesome-layer {
font-family: 'Raleway', sans-serif !important;
text-transform: capitalize !important
}

You can use media queries to change the font size on smaller screens:

@media only screen and (max-width: 767px) {
  .awesome-layer {
  font-size: 13px;
  }
}

Best regards,
Ismael

Hey!

Please use this instead:

.social_header .phone-info span {
font-size: 20px;
color: orange;
}

Cheers!
Ismael

Hi ShortieD!

Please use this:

.slide-entry-excerpt.entry-content {
font-size: 16px;
line-height: 24px;
}

.slide-entry-title.entry-title {
margin-bottom: 10px;
}

Best regards,
Ismael

Hey!

I’m not sure why the code I provided doesn’t work but it is the same with Yigit’s. Anyway, you can add this to adjust the menu when the screen is less than 768px in width:

@media only screen and (max-width: 768px) {
.main_menu ul:first-child > li > a {
padding: 0 5px !important;
font-size: 10px;
}
}

Regards,
Ismael