Hi CB!

Thank you for using Enfold.

You can use this on Quick CSS or custom.css to change the portfolio title:

#top .fullsize .template-blog .tag-page-post-type-title {
font-size: 20px;
text-transform: uppercase;
}

Adjust the grid or column size with this:

.tag .no_margin.av_one_third {
width: 20%;
}

Best regards,
Ismael

Hi mcraig77!

Thank you for using Enfold.

1.) You can use this on Quick CSS:

span.inner_sort_button span {
font-size: 18px;
font-family: Arial;
}

2.) Change the background color with this:

.av-masonry-sort.main_color {
background: red;
}

3.) Use this for the load more:

#top .av-masonry-load-more {
font-size: 13px;
}

.main_color .av-masonry-pagination, .main_color .av-masonry-pagination:hover {
background-color: red;
}

Cheers!
Ismael

Hi etcc_1002!

Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can adjust font sizes of heading elements in Enfold theme options > Advanced Styling

Regards,
Yigit

Hi!

Please edit the text layers then go to the Attributes panel. Apply a custom css class on the Classes field. Use “mod-text” for example. On Quick CSS you can use media queries to alter the font style on smaller screens:

@media only screen and (max-width: 767px) {
.mod-text {
font-size: 13px !important;
}
}

Best regards,
Ismael

Hi!

Try using the css line-height property. Something like this:

@media only screen and (max-width: 767px) {
.custom-layer {
font-size: 12px !important;
color: red !important;
line-height: 20px;
}
}

Regards,
Ismael

Hi!

Please try using following code

.flex_column.av_one_fifth h1 {
font-size: 32px!important;
letter-spacing: -1px;
}
.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.avia-builder-el-3 h1 {
word-spacing: 20px;
}

Best regards,
Yigit

Hi a00109943!

Thank you for using Enfold.

Use this to change the font color of the tab content:

.main_color .tab_inner_content h4 {
color: white;
font-size: 18px;
}

.main_color .tab_inner_content > * {
color: white;
font-size: 14px;
}

Cheers!
Ismael

Hey!

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

@media only screen and (max-width: 480px) {
.avia-layerslider .avia-button.avia-size-large {
padding: 7px;
font-size: 13px;
min-width: 100px;
margin-top: 12px;
}}

Best regards,
Yigit