Hi maaike!

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

.avia-content-slider .slide-entry-title { font-size: 18px; }

Best regards,
Yigit

Hey!

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

1.) Can you please create a test page with the animated numbers element and decimal numbers?

2.) Use css media queries to adjust the font size of the icon box title. You can use this selector:

.iconbox .iconbox_content .iconbox_content_title

3.) I’m sorry but videos are disabled on mobile devices due to incompatibility issues. You can try to use the layer slider.

4.) Try this on Quick CSS:

.main_color .avia-color-theme-color-subtle {
background-color: #fcfcfc;
color: #666666;
}

Best regards,
Ismael

Merhabalar

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

#top .fullsize .template-blog .post-title { font-size: 22px; }
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

Best regards,
Yigit

Hey yuskydog!

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

.sidebar .widgettitle { font-size: 16px; font-weight: bolder; }
.news-link { font-size: 16px; font-weight: bolder; }

Regards,
Yigit

Hey!

1.) You can change the background position of the fullscreen slider with this:

.avia-fullscreen-slider .avia-slideshow>ul>li {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center !important;
}

Change the caption text size with this:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 50px !important;
}
}

2.) Use this to modify the image size:

@media only screen and (max-width: 479px) {
.home .flex_column.av_one_fifth.first.avia-builder-el-3.el_before_av_four_fifth.avia-builder-el-first .avia-image-container-inner img {
width: 60%;
margin: 0 auto;
}
}

You can also use the Custom CSS Class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Regards,
Ismael

Hi!

Add this as a slider html layer:

<a href="/contact-us/" target="_self" class="progression-button progression-medium progression-green">Get this Theme Now!</a>

Add this on Quick CSS or custom.css:

a.progression-button.progression-green {
color: #fff;
background: #5bcba7;
padding: 17px 40px;
font-size: 15px;
border-radius: 3px;
}

Change the css values if you like. You can also modify the look of the button inside the layer slider’s Styles panel.

Regards,
Ismael

Hi touchbyte!

Thank you for using Enfold.

Yes, the menu sidebar will get cut off when you intentionally resize the browser to a certain extent but it will work for all standard / default screen sizes. If you’re worried about users who resized their browsers, the only solution we can provide for now is to adjust the menu sidebar height. Add this on Quick CSS or custom.css:

.html_header_sidebar #header .av-main-nav > li > a {
line-height: 1.0em;
padding: 12px 3px;
}

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
font-size: 13px;
}

Cheers!
Ismael

Hey charlie1!

Thank you for using Enfold.

Yes, it is possible. Use this on Quick CSS or custom.css to modify the mobile menu fonts:

#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: #666666;
border-color: #e1e1e1;
font-size: 15px;
}

Best regards,
Ismael

Hi amester55!

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

div#js_sort_items { font-size: 16px; }
.main_color #js_sort_items a { color: black; }

Cheers!
Yigit

Hi!

If possible, post the url of the actual page with the issue. You can set a min height for the grid content container:

@media only screen and (max-width: 1024px) {
.grid-entry.isotope-item .grid-content {
background: #ffffff;
min-height: 68px;
}
}

Or decrease the font size of the portfolio title:

@media only screen and (max-width: 1024px) {
.grid-entry-title {
font-size: 11px;
}
}

Cheers!
Ismael