Page 385 – Support | Kriesi.at – Premium WordPress Themes

Hey volocom7!

You can use button in a text widget just place the short code for the button in the text widget.


[av_button label='Click me' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

Best regards,
Vinay

April 9, 2016 at 1:33 am #610474

In reply to: full width submenu on archive pages

learningherbs

I was able to figure this one out by wrapping a wp_nav_menu tag up in the fullwidth submenu HTML:

<div class="clear"></div>
<div id="sub_menu1" class="av-submenu-container alternate_color blog_menu  av-sticky-submenu container_wrap fullsize" style="z-index:301"><div class="container av-menu-mobile-active "><a href="#" class="mobile_menu_toggle" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="av-current-placeholder">Menu</span></a>
			<?php wp_nav_menu( 
				array(
					'menu' => 'Blog Menu',
					'menu_id' => 'menu-blog-menu',
					'menu_class' => 'av-subnav-menu av-submenu-pos-left',
					'container' => false,
					'fallback_cb' => false
					)
				);
			?>
</div></div>
<div class="sticky_placeholder"></div>

April 9, 2016 at 12:34 am #610459

In reply to: Change Text size for mobile

BrendaSarg

I found it!

Sorry…there is no way to delete this or I would.

I used this:

@media only screen and (max-width: 768px) {
.avia-animated-number-title {
font-size: 24px !important;
}}

April 9, 2016 at 12:04 am #610450

In reply to: how to include a new iconbox ICON

https://wordpress.org/plugins/wp-author-box-lite/

Hi!

You can set a custom class to certain elements:

Turn on Custom CSS Class field for all ALB Elements

And change the code accordingly:

#top .custom_icon_class .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    padding:0;
    text-align: center;
    
}

#top .custom_icon_class .av-icon-char:before{
    font-size: 120px;
}

Regards,
Josue

April 9, 2016 at 12:00 am #610448

Topic: Change Text size for mobile

in forum Enfold

BrendaSarg

Participant

Hi there! I’m DONE! Except…

on one page I have a row of animated numbers which looks great on my phone and desktop. On the tablet the numbers all override each other. Can you help me get it so the font resizes for ipad size?

April 8, 2016 at 11:46 pm #610446

Topic: @all: Author Box for ENFOLD – feel free to use my code modifications

in forum Enfold

BeeCee

Participant

Hi @all,

since many asked over the years in this forum about an Author Box for ENFOLD, I modified a free plugin by “phpbits”, so that it looks quite clean for this theme.
Since many of the “author box” plugins haven’t been updated for a long time or are just looking “old-fashioned” or have too much “bling-bling”, I decided to use this one:

I modified the CSS for this plugin, so that it looks clean and stylish for my ENFOLD site:

TAB 1:

TAB 2:

Plugin Settings: “show in posts –> below”
There’s also the option to change the color of borders, backgrounds and text directly in the plugin settings page!

Nevertheless, I modified the CSS and added new ones for a “cleaner look”. Feel free to use them for your own site.
I put these CSS in the custom.css file of ENFOLD, so that they are not lost in case of a plugin update!


/* WP Authorbox Lite 
===================================================================*/
#wpautbox-below {
	margin-bottom: 30px;
}
.wpautbox-socials {
    padding: 2px 10px;
}
body .a-tabs .wpautbox-socials {
    text-align: right;
}
body .a-tabs .a-tab-container {
    box-shadow: none;
}
.wpautbox-socials .wpautbox-icon {
	font-size: 12px;
}
.wpautbox-socials .wpautbox-icon:before {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-facebook {
    background: #808080 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-facebook:hover {
    background: #3b5998 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-twitter {
    background: #808080 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-twitter:hover {
    background: #00aced none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-instagram {
    background: #808080 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-instagram:hover {
    background: #3f729b none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-pinterest {
    background: #808080 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-pinterest:hover {
    background: #cb2027 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-rss {
    background: #808080 none repeat scroll 0 0;
}
.wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-rss:hover {
    background: #ff8300 none repeat scroll 0 0;
}
#wpautbox_about {
	margin-top: 6px;
}
.a-tabs #wpautbox_about h4.wpautbox-name {
    font-family: Oswald;
    letter-spacing: 1px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.wpautbox-author-meta {
	padding-left: 140px;
}
.el-icon-user:before, .el-user:before,
.el-icon-list:before, .el-list:before 
{
    padding-right: 5px;
}
ul.wpautbox-post_type-list.wpautbox-latest-post li {
	list-style-type: none;
	margin-left: 0;
}
ul.wpautbox-post_type-list.wpautbox-latest-post li:before {
    content: "\f054";
	font-size: 16px;
    font-family: FontAwesome;
    color: #dbc37a;
    padding-right: 8px;
}
ul.wpautbox-post_type-list.wpautbox-latest-post {
	margin-left: 0;
	margin-bottom: 0;
}
.wpautbox-avatar .avatar {
	height: auto;
	width: auto;
}
/* hide date 
body #wpautbox_latest-post .wpautbox-date { display:none; }
*/

—————————
@Mods: hope it is okay to post this here. I’m NOT the plugin author, I just modified the CSS for the use with my ENFOLD. But perhaps some day Kriesi creates a better one for our beloved ENFOLD ;-)

This topic was modified 10 years ago by BeeCee. Reason: updated CSS

April 8, 2016 at 5:59 pm #610351

In reply to: How to: show manual exerpt above single post's content

BeeCee

thank you, with the help of a friend I worked it out with this, if someone needs this, too:

//	show manual excerpt only if there is one
if ( is_single() ) {
if ( $post->post_excerpt ) 
echo '<div class="manual-excerpt">' . get_the_excerpt() . '</div><div class="hr hr-short hr-center avia-builder-el-9 el_after_av_textblock avia-builder-el-last ">
<span class="hr-inner ">
<span class="hr-inner-style"></span>
</span>
</div>
';
}

The CSS for this is:

.manual-excerpt {
    color: #8c919b;
    font-family: Oswald;
    font-size: 16px;
    letter-spacing: 1px;
}

I’ve added a line below it, to separate the excerpt better from the rest of the content text.
Result:

Thanks, Ismael, for pointing me into the right direction.

April 8, 2016 at 5:18 pm #610340

In reply to: How to change the product page

pachanights

Thanks Yigit

Unfortunately the code to move the description box didn’t work properly- it moved the description box and tabs not below the image but below the suggested products, and also left the tabs showing in their original position. Unfortunately I can’t leave the code in while the site is live to show you how it looks.

Also, the code to change the price font size didn’t work. Maybe I have something in the Quick CSS causing conflict? Heres what is currently in Quick CSS

.related.products {
display: none;
}

.tax-product_cat .page-thumb {
display: none;
}

.avia-image-container-inner:hover .av-image-caption-overlay-center {
display: none!important;
}

.image-overlay { background: transparent !important; }

div .product-sorting .sort-param-order, div .product-sorting .sort-param-sort {display: none;}

.logo {
top: 5px;
}

.header-scrolled .logo {
top: 4px;
}

#header .widget {
z-index: 9999;
}

ul.sort-param-count{
display:none !important;
}

td {
vertical-align: top;
}

.my-custom-content {
float: right;
width: 40%;
top: 80px;
font-size: 25px;
font-family: helvetica;
color: #DE0E0E;
position: relative;
}

.single h1.product_title.entry-title {
font-size: 24px;
}

.single-product #av_section_1 .inner_product_header {
text-align: center;
}

.single p.price {
font-size: 35px;
}

While you’re looking, how can I make .my-custom-content responsive?

April 8, 2016 at 2:15 pm #610257

In reply to: how to include a new iconbox ICON

Try this;

#top .av_font_icon .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    padding:0;
    text-align: center;
    
}

#top .av_font_icon .av-icon-char:before{
    font-size: 120px;
}

April 8, 2016 at 1:30 pm #610216

In reply to: How to change the product page

Yigit

Keymaster

Hi!

Please remove following code from Quick CSS

.single-product-summary {
    clear: both;
}
.single p.price {
    font-family: georgia;
}

and add following

.single p.price { 
   font-size: 35px; 
}

Please add following code to Functions.php file in Appearance > Editor


remove_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

Best regards,
Yigit

April 8, 2016 at 1:16 pm #610212

In reply to: how to include a new iconbox ICON

Try with this:

#top .av_font_icon .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    
}

#top .av_font_icon .av-icon-char:before{
    font-size: 90px;
}

April 8, 2016 at 11:53 am #610183

In reply to: how to include a new iconbox ICON

Hey!

Try adding this code to the Quick CSS:

#top .iconbox.av-no-box .iconbox_icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 90px;
}

Cheers!
Josue

April 8, 2016 at 5:27 am #609998

In reply to: Dimension/size of Shop banner?

Ismael

Moderator

Hey!

Add this in the functions.php file to disable the parallax effect:

add_action('init', 'ava_product_parallax_init', 50);
function ava_product_parallax_init() {
    remove_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner', 11 );
    add_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner_mod', 11 );
}

function avia_woocommerce_big_cat_banner_mod()
{
	if(is_product_category())
	{
		global $wp_query, $avia_config;

		if(isset($wp_query->query_vars['taxonomy']))
		{
			$term = get_term_by( 'slug', get_query_var($wp_query->query_vars['taxonomy']), $wp_query->query_vars['taxonomy']);
			if(!empty($term->term_id))
			{
				$description 	= term_description() ;
				$style 			= get_woocommerce_term_meta($term->term_id, 'av_cat_styling');
				$attachment_id 	= get_woocommerce_term_meta($term->term_id, 'thumbnail_id');

				$overlay 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay');
				$font 		= get_woocommerce_term_meta($term->term_id, 'av-banner-font');
				$opacity 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay-opacity');

				if(!empty($style))
				{
					remove_action( 'woocommerce_before_shop_loop', 'woocommerce_taxonomy_archive_description', 11 );
					echo avia_woocommerce_parallax_banner_mod($attachment_id, $overlay, $opacity, $description, $font);
					$avia_config['woo-banner'] = true;
				}
			}
		}
	}
}

function avia_woocommerce_parallax_banner_mod($bg, $overlay, $opacity, $description, $font)
{

	if(is_numeric($bg))
	{
		$bg = wp_get_attachment_image_src($bg, 'extra_large');
		if(is_array($bg) && $bg[0] != "") $bg = $bg[0];
	}

	if($font) $font = "style='color:{$font};'";
	if($bg) $bg = "background-image: url(".$bg.");";

	$output = "";

	$output .='<div id="av_product_description" style="'.$bg.' main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" '.$font.'>';

	$output .='<div class="av-section-color-overlay-wrap">';
	if(!empty($overlay))
	{
		$output .='<div class="av-section-color-overlay" style="opacity: '.$opacity.'; background-color: '.$overlay.'; "></div>';
	}

	$output .='<div class="container">';
	$output .='<main class="template-page content av-content-full alpha units">';
	if($description) $output .= "<h1>".$description."</h1>";
	$output .='</main></div></div></div>';

	return $output;
}

Best regards,
Ismael

April 7, 2016 at 10:33 pm #609899

Topic: Custom Class does not work on iOS device

in forum Enfold

ww88

Participant

The following class does not work on iOS devices. In Safari and chrome it is ok. Where is the fault?

.check-list ul {
list-style: none;
margin-left: 0px;
}

.check-list li {
padding: 6px 0px 5px 40px;
position: relative;
}

.check-list li:before {
content: ‘\f046’;
font-family: ‘FontAwesome’;
font-size: 16px;
position: absolute;
top: 6px;
left: 5px;
}

April 7, 2016 at 8:43 pm #609863

In reply to: Icon beside category

Guenni007

if not it will be nice to have some possibilities to selekt those words specifically.
If you do this:

Villa Santi
<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>

.icons::before {
    font-family: entypo-fontello;
    font-size: 24px;
    position: relative;
    padding-right: 5px
}

.bed::before {
    content: "\e8af";
    top: 3px;
}
.bath::before {
    content: "\e8ce";
    top: 3px;
}
.size::before {
    content: "\e869";
    top: 3px;
}
.beach::before {
    content: "\e8b9";
    top: 3px;
}
.airport::before {
    content: "\e8b6";
    top: 3px;
}
.shop::before {
    content: "\e859";
    top: 3px;
}

see here: http://webers-testseite.de/enf02/testsite/
for formating your text with span tags you can use f.e. Bueltges Add quicktag plugin

or if it is allways the same text underneath those hotels you can copy paste the whole content and fillout than the correct values for the given Hotel

<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>

PS: i did the top value to the specific class because sometimes it might be better to put in different values.

This reply was modified 10 years ago by Guenni007.

April 7, 2016 at 8:32 pm #609851

In reply to: How to change the product page

pachanights