Hi!

Please add following code to Quick CSS in Enfold theme options

div .main_color .tabcontainer .active_tab_content { background-color: #cccc63; color: white; }
.js_active .top_tab .tab { padding: 30px 50px 32px 50px; }

If this is not what you meant, please post a screenshot

Best regards,
Yigit

Hi asdevargas!

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

.archive .category-term-description { margin-bottom: 0; }

Cheers!
Yigit

Hi twelch99!

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

.content { padding-top: 0; }

Cheers!
Yigit

Hey!

Edit the menu on Appearance > Menu then look for the Navigation Label. Change it to

Cultural <span class="menu-break">Experience</span>

Add this on Enfold > Styling > Quick CSS:

.menu-break {
display: block;
position: relative;
top: -100px;
}

Best regards,
Ismael

Hi Viramedia!

You can request the feature here: https://kriesi.at/support/topic/enfold-feature-requests/

Anyway, you don’t need to be a wizard to change the style of a certain element on the theme. All you need is a very basic understanding of CSS. You can use the Enfold > Styling > Quick CSS field to create the necessary changes that you want.

What do you mean by the “sizes for each paragraph”? Do you want to set an excerpt? You can modify the Blog Posts element’s Content Length, choose Excerpt. You can watch Enfold videos here: https://vimeo.com/channels/aviathemes

Regards,
Ismael

Hey jeffoundquick!

Please follow Kriesi’s instruction here: https://kriesi.at/support/topic/icons-still-not-working-in-firefox-and-ie/

Best regards,
Ismael

Hey COLORIT!

You need to add the walker menu. Please hire someone to modify wp_nav_menu and add the walker feature. You can also try this:

Add this on your functions.php:

class My_Walker extends Walker_Nav_Menu
{
	function start_el(&$output, $item, $depth, $args) {
		global $wp_query;
		$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

		$class_names = $value = '';

		$classes = empty( $item->classes ) ? array() : (array) $item->classes;

		$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
		$class_names = ' class="' . esc_attr( $class_names ) . '"';

		$output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

		$attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
		$attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
		$attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
		$attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		$item_output .= '<span class="walker-sub">' . $item->description . '</span>';
		$item_output .= '</a>';
		$item_output .= $args->after;

		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}
}

Go to Quick CSS, add this code:

.walker-sub {
	display: block;
	position: absolute;
	top: 70px;
	min-width: 90px;
	font-size: 10px;
	color: gray;
	line-height: 12px;
}

Edit includes/helper-main-menu.php, find this code on line 167:

 echo "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
                                $avia_theme_location = 'avia';
                                $avia_menu_class = $avia_theme_location . '-menu';
                                $args = array(
                                    'theme_location'	=> $avia_theme_location,
                                    'menu_id' 			=> $avia_menu_class,
                                    'container_class'	=> $avia_menu_class,
                                    'fallback_cb' 		=> 'avia_fallback_menu',
                                    'walker' 			=> new avia_responsive_mega_menu()
                                );

Replace it with:

echo "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
                                $avia_theme_location = 'avia';
								$walker = new My_Walker;
                                $avia_menu_class = $avia_theme_location . '-menu';
                                $args = array(
                                    'theme_location'	=> $avia_theme_location,
                                    'menu_id' 			=> $avia_menu_class,
                                    'container_class'	=> $avia_menu_class,
                                    'fallback_cb' 		=> 'avia_fallback_menu',
                                    'walker' 			=> $walker
                                );

Best regards,
Ismael

• This reply was modified 10 years, 12 months ago by Josue.

Hey MuzSolutions!

I’m not sure what you’re trying to do but you can move the main menu using this:

.main_menu {
right: 0;
top: 20px;
}

Regards,
Ismael

Hi BelIblis!

Have you tried the Addthis plugin? http://wordpress.org/plugins/addthis/

You can refer to this link: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header/?replies=4#post-134606

Best regards,
Ismael

Hi Indiatravelz!

You can find the css style of the Tab element on css > shortcodes.css:

#top .tabcontainer{
background: transparent;
}

.tabcontainer{
margin: 30px 0;
position: relative;
width:100%;
clear: both;
overflow: hidden;
background: transparent;
}

.tab_titles{
position: relative;
width:100%;
clear: both;
float:left;
z-index: 5;
}

.widget .tabcontainer{
margin-top:0px;
}

.js_active .tab_content{
visibility: hidden;
clear: both;
padding: 10px 19px;
overflow:auto;
position: absolute;
top:0;
z-index: 0;
left:120%;
width:100%;
}

.js_active .tab{
cursor:pointer;
margin:0 -1px 0 0;
display: block;
float: left;
z-index: 2;
position: relative;
padding:12px 16px;
top:1px;
font-size: 11px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-style: solid;
border-width:1px;
}

.js_active .top_tab .tab{
border-bottom: none;
padding:12px 16px 14px 16px;
}

.js_active .active_tab{
z-index: 4;
position: relative;
font-weight: bold;
}

.js_active .tab_titles .tab:first-child{
border-top-left-radius:  2px;
}

.js_active .tab_titles .tab:last-child{
border-top-right-radius: 2px;
}

.js_active .active_tab_content{
display: block;
visibility: visible;
z-index: 3;
position: relative;
overflow:auto;
border-style: solid;
border-width:1px;
border-radius: 2px;
left:0;
width:auto;
}

.tabcontainer .tab_icon{
margin-right: 7px;
font-size: 13px;
}

.tab_inner_content{
margin: 11px 0;
left:-200%;
position: relative;
}

.active_tab_content .tab_inner_content{
left:0;
position: relative;
}

Can you please post a screenshot of what you’re trying to do?

Best regards,
Ismael