Hey!

Try to add this code in Quick CSS:

#top #header_meta a, 
#top #header_meta li, 
#top #header_meta .phone-info {
    font-size: 16px;
}

Just adjust the font-size values. Hope this helps :)

Best regards,
Nikko

Hey!

The only solution I can give to ipad is to make it 1 column, try adding this in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top #hello .av_one_half {
    display: flex;
    width: 100%;
  }
}

Word-breaks can be added via media queries for mobile devices, you can add this code in Quick CSS:

@media only screen and (max-width:767px) {
  * {
    word-break: break-all;
  }
}

As for gaps and paddings, can you post a screenshot if those issues still persists (pls specify if mobile or ipad) even after adding the code above.

Cheers!
Nikko

Hi,

Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Nikko

Hey gwinenvato,

Try to use a text widget and add a button shortcode example:

[av_button label='Click me' link='manually,http://www.website.com' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']

Just change the label, link, custom_bg and custom_font. Hope this helps. :)

Best regards,
Nikko

Hi,

Try to add this code in Quick CSS:

.single .entry-content-wrapper > .post_delimiter {
    margin-bottom: 0;
    padding: 20px 0 0;
}

Best regards,
Nikko

Hey!

Glad we could help :)

Regards,
Nikko

Hi!

Just add the following codes in Quick CSS (located in Enfold > General Styling):

The first one (in service section):

.home #service .hr-short .hr-inner-style, 
.home #service .hr-short .hr-inner {
    background-color: white;
    border-color: white;
}

The second one (in slider section):

.home #slider .hr-short .hr-inner-style, 
.home #slider .hr-short .hr-inner {
    background-color: black;
    border-color: black;
}

The third one (in service section):

.home #revert .hr-short .hr-inner-style, 
.home #revert .hr-short .hr-inner {
    background-color: orange;
    border-color: orange;
}

Just adjust the colors as you see fit. Hope this helps :)

Regards,
Nikko

Hi diggital!

Can you post a link to the page having that issue? Is the image you used as a background (just like Enfold Health Coach) or not? you can post the link in the “private content” so only moderators can see.

Best regards,
Nikko

Hey AvenueQ,

Unfortunately that option is not available in the theme. Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

Best regards,
Nikko

Hey Michael,

You can check on this thread: https://kriesi.at/support/topic/change-preload-image-animation/

Best regards,
Nikko

Hey Poirot,

Try adding this code to Quick CSS(located in Enfold > General Styling):

.paged .av-magazine {
  display: none !important;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Glad we could help :)

Best regards,
Nikko

Hey amatton,

You can use this code snippets and add it to Quick CSS (located in Enfold > General Styling):

Facebook Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a:hover {
    background: #fff;
    color: #000;
}

Twitter Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-twitter a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-twitter a:hover {
    background: #fff;
    color: #000;
}

Linkedin Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-linkedin a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-linkedin a:hover {
    background: #fff;
    color: #000;
}

Google Plus Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-gplus a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-gplus a:hover {
    background: #fff;
    color: #000;
}

Just adjust the colors as you see fit. Hope this helps :)

Best regards,
Nikko

Hey Eleina_Shinn,

The slider is too short to show the buttons. We would like to help you with it, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.

Best regards,
Nikko

Hey troupdim,

Try to add this code in Quick CSS (located in Enfold > General Styling):

#top #wrap_all .social_bookmarks a {
    background: #000;
    color: #fff;
}

You can also change the hover using this code:

#top #wrap_all .social_bookmarks a:hover {
    background: #fff;
    color: #000;
}

Just adjust the colors as you see fit. Hope this helps :)

Best regards,
Nikko