Hey ryandewitt!

Thank you for using Enfold.

Please use this on Quick CSS or custom.css:

input[type="button"] {
padding: 9px 22px;
cursor: pointer;
border: none;
-webkit-appearance: none;
border-radius: 0px;
background-color: #8cc63e;
color: #ffffff;
font-size: 22px;
border-radius: 0px;
}

Cheers!
Ismael

Hi ShortieD!

Thank you for using Enfold.

Please add this on Quick CSS or custom.css to change the size of the caption title:

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

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
font-size: 12px;
line-height: 18px;
}

#top .avia-slideshow-button {
font-size: 12px;
margin-top: 5px;
padding: 6px 8px !important;
}
}

You can also hide it on mobile device, apply the display: none property.

Regards,
Ismael

Hi!

Please change the code to following one

.home #searchsubmit, .ajax_load { font-size: 24px; }
.home #s { font-size: 20px; }

Cheers!
Yigit

Hey GOWD!

Please add following code to Quick CSS

@media only screen and (max-width: 990px) {
h2.av-special-heading-tag {
font-size: 20px;
}}

Best regards,
Yigit

Hi sadephoi!

Thank you for using Enfold.

You can use the following to modify the phone number and social icons:

.phone-info span {
font-size: 30px;
}

#top .social_bookmarks li {
width: 80px;
height: 80px;
}

#top .social_bookmarks li a {
width: 80px;
line-height: 80px;
min-height: 80px;
font-size: 30px;
}

#header_meta .container {
min-height: 80px;
}

Adjust the width and height.

Regards,
Ismael

Hi Micheal0424!

Thank you for using Enfold.

You can adjust the Number custom font size? and Description custom font size?.

Best regards,
Ismael

Hey pnacho!

Please add following code to Quick CSS

#top #searchsubmit, .ajax_load { font-size: 24px; }
#top #s { font-size: 20px; }

Regards,
Yigit

Hey!

You can use this to adjust the position of the headlines on mobile device:

@media only screen and (max-width: 767px) {
.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: absolute;
bottom: 0;
}

.av-masonry-entry .av-masonry-entry-title {
line-height: 1.1em;
font-size: 11px;
}
}

Regards,
Ismael

Hi!

You can turn on custom CSS field for ALB elements ( please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your icon a custom CSS class and then add following code to Quick CSS

.custom-class .av_font_icon a {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.custom-class .av_font_icon a:before { display: none; }

Cheers!
Yigit

Hi!

Please go to Enfold theme options > Advanced Styling tab and edit “Main menu links” to increase font size of Menu
and go to Enfold theme options > Header and choose to display “Custom pixel value” for header size and increase it as needed

Regards,
Yigit

Hi bakbek!

Your pricing table looks fine on my end. If you would like to adjust font size, please add following code to Quick CSS in Enfold theme options under General Styling tab

.pricing-table li.avia-pricing-row { font-size: 55px; }

Regards,
Yigit