Hey JavaLavaJoe!

Add this on Quick CSS or custom.css:

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

Cheers!
Ismael

Hey!

The HR element on the test page is working properly. You set it to 10px and it applied the height property with 10px value. This is the html code of the horizontal rule on this page: http://startwishing.com/test-page/

<div style="height:10px" class="hr hr-invisible avia-builder-el-7 el_after_av_section avia-builder-el-no-sibling"><span class="hr-inner"><span class="hr-inner-style"></span></span></div>

Cheers!
Ismael

Hi Michael64142!

Please try to flush the permalink settings on Settings > Permalink. Click the “Save” button once. If you have access on the .htaccess file, delete it then flush the permalink settings again.

Cheers!
Ismael

Hi themesuite!

You can use this on the Quick CSS or custom.css to change the height of the header.

#header_main .container, .main_menu ul:first-child > li a {
height: 130px;
line-height: 130px;
}

Best regards,
Ismael

Hey Munford!

You can use this:

.js_active .tab {
font-size: 14px;
}

.js_active .active_tab {
font-weight: bold;
}

Cheers!
Ismael

Hi erickeith9!

You can use this on Quick CSS or custom.css to modify the forms:

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
border-radius: 0px;
}

#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
width: 100%;
margin-bottom: 0;
display: inline;
min-width: 100px;
padding: 13px;
border-radius: 2px;
}

Please give us a link to the page with the gravity form plugin.

Regards,
Ismael

Hi!

You can add this to hide the website field:

.comment-form-url {
display: none;
}

Best regards,
Ismael

Hey Benjaminlivingthebrand!

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like Widget Area then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-widget”.

You can add something like this on your custom.css or Quick CSS:

.awesome-widget {
background: blue;
}

Regards,
Ismael

Hi!

Please add this on Quick CSS:

@media only screen and (max-width: 1340px) and (min-width: 989px) {
.responsive .av-masonry-entry {
width: 25.0%;
}
}

Regards,
Ismael

Hey Berebeeld!

You need to edit the Easy Slider then click each images. Look for “Slide Link?” option then set it to “Lightbox”.

Cheers!
Ismael

Hi frankoforte!

Can you please post a screenshot of the issue? The page looks well on iPad view.

http://quirktools.com/screenfly/#u=http%3A//wiedemeier-kommunikation.de/sms/&w=768&h=690

Cheers!
Ismael

Hi!

Please add this on Quick CSS or custom.css:

#top #header .avia_mega_div > .sub-menu > li > ul > li a img {
max-width: 250px;
width: 250px;
}

Best regards,
Ismael

Hey coer!

Enfold does not support BuddyPress. BuddyPress requires special templates, etc. to integrate perfectly into the theme and that’s why Envato/Themeforest also sells BuddyPress themes in a special category: http://themeforest.net/category/wordpress/buddypress. You need to use bbPress for the Enfold theme or hire a freelance developer to make BuddyPress plugin compatible.

Regards,
Ismael

Hey 1raddad!

Use media queries to resize the logo on different screen sizes. Please add this at the very bottom of the Quick CSS:

@media only screen and (min-width: 768px) and (max-width: 989px) {
#header_main img, #header_main .logo, #header_main .logo a {
width: 800px !important;
}
}

@media only screen and (max-width: 767px) {
#header_main img, #header_main .logo, #header_main .logo a {
width: 400px !important;
}
}

Adjust the width if necessary.

Regards,
Ismael

Hi!

Use this instead:

@media only screen and (max-width: 767px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
float: left;
width: 100%;
text-align: center;
margin: 0 auto;
position: static;
}
}

Best regards,
Ismael