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

Hey xyzb!

Please add this on functions.php, this will display the first category of the post:

add_filter('avf_title_args', 'alter_single_post_title', 10, 2);
function alter_single_post_title($args,$id) {

	$category = get_the_category($id); 
	
	if (is_single()) {
		$args['title'] = ucfirst($category[0]->cat_name);
		$args['link'] = get_permalink($id);
	}

	return $args;
}
	

Best regards,
Ismael

Hey diskdaddy!

If I am not mistaken you need to use the Widget Logic plugin.

http://wpml.org/2011/03/howto-display-different-widgets-per-language/

Best regards,
Ismael

Hi!

My bad! Next time, please describe request or issue on the forum’s message box. :)

Anyway, please edit js > avia.js, find this code on line 17:

// decreases header size when user scrolls down
        avia_header_size();

Replace it with:

// decreases header size when user scrolls down
        //avia_header_size();

Remove browser cache then reload the page a few times.

Cheers!
Ismael

Hey soonmervin!

You can use this on Quick CSS to move the logo to the left:

div .logo {
position: absolute;
left: 200px;
}

Adjust the left value if necessary.

Regards,
Ismael