Hey!

Please add following code to Quick CSS as well

.main_menu ul:first-child > li > a { font-size: 16px; } /* changes the font size of main menu */
#top .main_menu .menu li ul a { font-size: 15px; } /* changes the font size of dropdown menu */
.header_color .main_menu ul:first-child > li > a { color: red; } /* color of main menu items */
.header_color .main_menu ul:first-child > li a:hover { color: blue; } /* hover state of main menu items */
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: orange; } /* color of active menu item */

Best regards,
Yigit

Hey pc37075!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

.avia-button.avia-size-large {
padding: 15px 30px 13px;
font-size: 20px; }

Font size is 13px by default and i have not changed padding values as increasing font size already makes button bigger, if you want to increase padding, please adjust it as well

Best regards,
Yigit

Hi!

You can use this:

h1 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 20px;
}

h2 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 14px;
}

Regards,
Ismael

Hi Lead!

Edit css > base.css, find this code on line 363:

.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

Replace the content value “\E860” with a different fontello icon.You can refer to this link for more icon codes: http://www.entypo.com/characters/

Regards,
Ismael

Hey TFT!

That is not possible at the moment. You can only adjust the width of the tooltip. Use this on Quick CSS:

#top .avia-icon-tooltip {
width: 500px;
font-size: 15px;
line-height: 1.6em;
}

Best regards,
Ismael

Hey David!

Use the “Short Separator” then add this on Quick CSS or custom.css:

.hr-inner {
width: 100%;
position: absolute;
height: 1px;
left: 0;
top: 50%;
width: 100%;
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
}

.hr-short .hr-inner-style {
border-radius: 20px;
height: 34px;
width: 34px;
border-width: 2px;
border-style: solid;
display: block;
position: absolute;
left: 50%;
margin-left: -17px;
margin-top: -17px;
line-height: 33px;
text-align: center;
border: none;
}

.alternate_color .hr-short .hr-inner-style:before {
color: #42a0bd;
}

div .hr-short .hr-inner-style:before {
content: '\E808';
font-family: 'entypo-fontello';
}

.hr-short .hr-inner-style:before {
font-size: 13px;
color: rgb(66, 160, 189);
}

Regards,
Ismael

Hi!

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

.entry-content-wrapper .post-title {
font-size: 50px; }

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

div .slideshow_caption h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
}
.av_slideshow_full .active-slide .avia-caption-content { font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}

Regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

#top #menu-item-search.menu-item-search-dropdown>a {
font-size: 20px;
margin-top: 10px;
}

Cheers!
Yigit

Hi allaboutapps!

You can use these selectors on Quick CSS:

.sort_by_cat {
font-size: 15px;
}

.inner_sort_button span {
color: red;
}

.main_color #js_sort_items a.active_sort {
color: blue;
}

Best regards,
Ismael

Hi Tommy!

You can use this to modify the portfolio excerpt:

.grid-entry-excerpt.entry-content {
font-size: 20px;
font-family: Arial;
font-style: normal;
}

Change the values. Add this to center align the excerpt:

.grid-entry-excerpt.entry-content {
text-align: center;
}

Cheers!
Ismael

Hi fjrichart!

You can add this on Quick CSS to change the font size:

.comment_text em {
font-size: 11px;
}

Best regards,
Ismael